*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#030712;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.app{background:radial-gradient(circle at 0 0,#00d9ff2e,#0000 35%),radial-gradient(circle at 100% 0,#a855f72e,#0000 35%),linear-gradient(135deg,#020617 0%,#030712 45%,#050816 100%);width:100%;min-height:100vh}.header{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617b8;border-bottom:1px solid #00d9ff29;justify-content:space-between;align-items:center;width:100%;height:86px;padding:0 7%;transition:all .35s;display:flex;position:fixed;top:0;left:0}.header.scrolled{background:#020617e6;border-bottom:1px solid #22d3ee42;height:74px;box-shadow:0 10px 40px #00000047}.header.scrolled .header-logo img{height:54px;transition:all .35s}.header-logo img{object-fit:contain;filter:drop-shadow(0 0 18px #00d9ff73);height:62px;transition:all .35s}.header-nav{align-items:center;gap:34px;display:flex}.header-nav a{color:#dbeafe;font-size:.95rem;transition:all .3s}.header-nav a:hover{color:#22d3ee;text-shadow:0 0 14px #22d3eecc}.header-btn{color:#fff;background:linear-gradient(135deg,#06b6d4,#7c3aed);border-radius:999px;padding:12px 22px;font-size:.92rem;font-weight:700;transition:all .3s;box-shadow:0 0 24px #22d3ee59}.header-btn:hover{transform:translateY(-2px);box-shadow:0 0 34px #7c3aed8c}.menu-btn{color:#fff;background:0 0;display:none}@media (width<=900px){.header{height:78px;padding:0 5%}.header-logo img{height:54px}.header-nav{background:#020617f5;border:1px solid #22d3ee2e;border-radius:22px;flex-direction:column;align-items:flex-start;gap:20px;width:240px;padding:24px;display:none;position:absolute;top:78px;right:5%;box-shadow:0 0 35px #00d9ff26}.header-nav.active{display:flex}.header-btn{display:none}.menu-btn{display:flex}}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;min-height:100vh;padding:130px 7% 70px;display:grid;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero:before{content:"";z-index:0;background-image:linear-gradient(#22d3ee14 1px,#0000 1px),linear-gradient(90deg,#22d3ee14 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.orb{filter:blur(18px);opacity:.7;border-radius:50%;position:absolute}.orb-one{background:#06b6d4;width:280px;height:280px;top:18%;left:-80px}.orb-two{background:#7c3aed;width:340px;height:340px;top:18%;right:-120px}.orb-three{background:#0ea5e9;width:220px;height:220px;bottom:8%;left:45%}.hero-content,.hero-image{z-index:2;position:relative}.hero-badge{color:#67e8f9;background:#0f172ab8;border:1px solid #22d3ee47;border-radius:999px;align-items:center;gap:10px;width:fit-content;margin-bottom:26px;padding:10px 16px;font-size:.92rem;display:flex;box-shadow:0 0 24px #22d3ee29}.hero h1{letter-spacing:-2.5px;max-width:760px;margin-bottom:26px;font-size:clamp(2.5rem,6vw,5.4rem);line-height:1.02}.hero h1 span{background:linear-gradient(135deg,#22d3ee,#a855f7,#f97316);color:#0000;-webkit-background-clip:text}.hero p{color:#cbd5e1;max-width:650px;margin-bottom:38px;font-size:1.12rem;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.primary-btn,.secondary-btn{border-radius:999px;justify-content:center;align-items:center;gap:10px;height:54px;padding:0 26px;font-weight:800;transition:all .3s;display:inline-flex}.primary-btn{color:#fff;background:linear-gradient(135deg,#06b6d4,#7c3aed);box-shadow:0 0 28px #22d3ee57}.secondary-btn{color:#e2e8f0;background:#0f172aad;border:1px solid #94a3b859}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-3px)}.hero-image{justify-content:center;display:flex}.logo-card{aspect-ratio:1;background:linear-gradient(145deg,#0f172ac7,#020617eb),radial-gradient(circle at top,#22d3ee3d,#0000 55%);border:1px solid #22d3ee38;border-radius:42px;justify-content:center;align-items:center;width:min(440px,100%);padding:32px;display:flex;box-shadow:0 0 70px #22d3ee2e,inset 0 0 40px #7c3aed24}.logo-card img{filter:drop-shadow(0 0 32px #22d3ee8c);width:100%;max-width:360px}@media (width<=980px){.hero{text-align:center;grid-template-columns:1fr;gap:46px;padding:120px 5% 60px}.hero-badge,.hero p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.logo-card{width:min(360px,100%)}}@media (width<=560px){.hero{padding-top:112px}.hero h1{letter-spacing:-1.5px}.hero p{font-size:1rem}.primary-btn,.secondary-btn{width:100%}.hero-badge{font-size:.78rem}}.about-section{background:radial-gradient(circle at 0,#7c3aed24,#0000 34%),radial-gradient(circle at 100%,#06b6d41f,#0000 34%);width:100%;padding:110px 7%;position:relative;overflow:hidden}.about-section:before{content:"";opacity:.45;pointer-events:none;background-image:linear-gradient(#22d3ee0b 1px,#0000 1px),linear-gradient(90deg,#22d3ee0b 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0}.about-container{z-index:2;grid-template-columns:.95fr 1.05fr;align-items:center;gap:60px;display:grid;position:relative}.section-tag{color:#67e8f9;background:#0f172ac2;border:1px solid #22d3ee38;border-radius:999px;margin-bottom:18px;padding:9px 15px;font-size:.85rem;font-weight:700;display:inline-flex}.about-left h2{letter-spacing:-1.6px;margin-bottom:24px;font-size:clamp(2rem,4vw,3.8rem);line-height:1.08}.about-left h2 span{background:linear-gradient(135deg,#22d3ee,#a855f7);color:#0000;-webkit-background-clip:text}.about-left p{color:#cbd5e1;margin-bottom:18px;font-size:1.05rem;line-height:1.8}.about-cards{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.about-card{background:linear-gradient(145deg,#0f172ad1,#020617eb);border:1px solid #22d3ee29;border-radius:28px;min-height:230px;padding:28px;transition:all .35s;box-shadow:0 0 38px #00d9ff12}.about-card svg{color:#22d3ee;filter:drop-shadow(0 0 12px #22d3eea6);margin-bottom:22px}.about-card h3{margin-bottom:12px;font-size:1.25rem}.about-card p{color:#94a3b8;font-size:.95rem;line-height:1.7}.about-card:hover{border-color:#a855f773;transform:translateY(-8px);box-shadow:0 0 44px #7c3aed2e}@media (width<=980px){.about-section{padding:90px 5%}.about-container{grid-template-columns:1fr;gap:45px}.about-left{text-align:center}}@media (width<=620px){.about-cards{grid-template-columns:1fr}.about-card{min-height:auto}}.services-section{background:radial-gradient(circle at top,#06b6d41c,#0000 35%),linear-gradient(#030712 0%,#020617 100%);width:100%;padding:110px 7%;position:relative;overflow:hidden}.services-section:before{content:"";filter:blur(28px);background:#7c3aed24;border-radius:50%;width:520px;height:520px;position:absolute;top:80px;right:-180px}.services-header{z-index:2;text-align:center;max-width:850px;margin:0 auto 60px;position:relative}.services-header h2{letter-spacing:-1.5px;margin-bottom:22px;font-size:clamp(2rem,4vw,3.7rem);line-height:1.08}.services-header h2 span{background:linear-gradient(135deg,#22d3ee,#a855f7);color:#0000;-webkit-background-clip:text}.services-header p{color:#cbd5e1;font-size:1.05rem;line-height:1.8}.services-grid{z-index:2;grid-template-columns:repeat(4,1fr);gap:22px;display:grid;position:relative}.service-card{background:linear-gradient(145deg,#0f172ad1,#020617f0);border:1px solid #22d3ee24;border-radius:28px;min-height:255px;padding:28px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 0 38px #00d9ff0e}.service-card:before{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,#22d3ee52,#0000,#a855f752);transition:all .35s;position:absolute;inset:-1px}.service-card>*{z-index:2;position:relative}.service-icon{color:#22d3ee;background:#22d3ee1a;border:1px solid #22d3ee40;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex;box-shadow:inset 0 0 18px #22d3ee14}.service-card h3{margin-bottom:13px;font-size:1.18rem}.service-card p{color:#94a3b8;font-size:.94rem;line-height:1.7}.service-card:hover{border-color:#22d3ee5c;transform:translateY(-8px);box-shadow:0 0 48px #22d3ee24}.service-card:hover:before{opacity:.14}@media (width<=1180px){.services-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){.services-section{padding:90px 5%}.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.services-grid{grid-template-columns:1fr}.service-card{min-height:auto}}.projects-section{background:radial-gradient(circle at 20% 20%,#22d3ee1f,#0000 30%),radial-gradient(circle at 80% 40%,#a855f726,#0000 32%),linear-gradient(#020617 0%,#050816 100%);width:100%;padding:120px 7%;position:relative;overflow:hidden}.projects-section:before{content:"";opacity:.42;pointer-events:none;background-image:linear-gradient(#22d3ee0b 1px,#0000 1px),linear-gradient(90deg,#22d3ee0b 1px,#0000 1px);background-size:82px 82px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.projects-section:after{content:"";filter:blur(55px);opacity:.55;pointer-events:none;background:conic-gradient(from 180deg,#22d3ee1c,#a855f71c,#0ea5e914,#22d3ee1c);border-radius:50%;width:720px;height:720px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.projects-header{z-index:2;text-align:center;max-width:960px;margin:0 auto 64px;position:relative}.projects-header h2{letter-spacing:-1.6px;margin-bottom:22px;font-size:clamp(2rem,4vw,3.8rem);line-height:1.08}.projects-header h2 span{background:linear-gradient(135deg,#22d3ee,#a855f7,#f97316);color:#0000;-webkit-background-clip:text}.projects-header p{color:#cbd5e1;max-width:780px;margin:0 auto;font-size:1.05rem;line-height:1.8}.projects-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:relative}.project-card{background:linear-gradient(145deg,#0f172ad6,#020617f2);border:1px solid #22d3ee29;border-radius:32px;flex-direction:column;min-height:330px;padding:30px;transition:all .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 45px #22d3ee0f,inset 0 0 35px #7c3aed0a}.project-light{filter:blur(12px);background:#22d3ee29;border-radius:50%;width:220px;height:220px;transition:all .35s;position:absolute;top:-90px;right:-90px}.project-card:before{content:"";opacity:0;background:linear-gradient(135deg,#22d3ee1f,#0000 45%,#a855f71f);transition:all .35s;position:absolute;inset:0}.project-card>*{z-index:2;position:relative}.project-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.project-top span{color:#67e8f9;background:#22d3ee14;border:1px solid #22d3ee2e;border-radius:999px;padding:7px 12px;font-size:.76rem;font-weight:800}.project-icon{color:#22d3ee;background:#22d3ee1a;border:1px solid #22d3ee3d;border-radius:22px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:inset 0 0 18px #22d3ee14}.project-card h3{margin-bottom:16px;font-size:1.45rem;line-height:1.25}.project-card p{color:#94a3b8;margin-bottom:28px;font-size:.97rem;line-height:1.75}.project-link{color:#22d3ee;align-items:center;gap:8px;width:fit-content;margin-top:auto;font-weight:800;transition:all .3s;display:inline-flex}.project-link:hover{text-shadow:0 0 14px #22d3eecc;gap:13px}.project-card:hover{border-color:#a855f773;transform:translateY(-10px);box-shadow:0 0 55px #7c3aed29,inset 0 0 45px #22d3ee0f}.project-card:hover:before{opacity:1}.project-card:hover .project-light{background:#a855f738;transform:scale(1.2)}@media (width<=1100px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.projects-section{padding:95px 5%}.projects-grid{grid-template-columns:1fr}.project-card{min-height:auto}}.differentials-section{background:radial-gradient(circle at 0,#06b6d41f,#0000 34%),linear-gradient(#050816 0%,#020617 100%);width:100%;padding:120px 7%;position:relative;overflow:hidden}.differentials-section:before{content:"";filter:blur(45px);background:#7c3aed29;border-radius:50%;width:620px;height:620px;position:absolute;bottom:-220px;left:-240px}.differentials-container{z-index:2;grid-template-columns:.95fr 1.05fr;align-items:center;gap:65px;display:grid;position:relative}.differentials-left h2{letter-spacing:-1.6px;margin-bottom:24px;font-size:clamp(2rem,4vw,3.7rem);line-height:1.08}.differentials-left h2 span{background:linear-gradient(135deg,#22d3ee,#a855f7);color:#0000;-webkit-background-clip:text}.differentials-left p{color:#cbd5e1;margin-bottom:34px;font-size:1.05rem;line-height:1.8}.numbers-row{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.numbers-row div{background:#0f172ab8;border:1px solid #22d3ee29;border-radius:24px;padding:22px;box-shadow:0 0 30px #22d3ee0f}.numbers-row strong{color:#22d3ee;margin-bottom:8px;font-size:1.8rem;display:block}.numbers-row span{color:#94a3b8;font-size:.86rem}.differentials-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.differential-card{background:linear-gradient(145deg,#0f172ad1,#020617f2);border:1px solid #22d3ee24;border-radius:28px;min-height:210px;padding:26px;transition:all .35s;box-shadow:0 0 38px #00d9ff0d}.differential-card svg{color:#22d3ee;filter:drop-shadow(0 0 12px #22d3ee99);margin-bottom:18px}.differential-card h3{margin-bottom:10px;font-size:1.13rem}.differential-card p{color:#94a3b8;font-size:.93rem;line-height:1.7}.differential-card:hover{border-color:#a855f76b;transform:translateY(-8px);box-shadow:0 0 46px #7c3aed24}@media (width<=1050px){.differentials-container{grid-template-columns:1fr}.differentials-left{text-align:center}}@media (width<=720px){.differentials-section{padding:95px 5%}.numbers-row,.differentials-grid{grid-template-columns:1fr}}.contact-section{background:radial-gradient(circle,#22d3ee1f,#0000 36%),linear-gradient(#020617 0%,#030712 100%);width:100%;padding:120px 7%;position:relative;overflow:hidden}.contact-card{background:linear-gradient(145deg,#0f172adb,#020617f5);border:1px solid #22d3ee38;border-radius:42px;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;min-height:460px;padding:58px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 80px #22d3ee1f,inset 0 0 55px #7c3aed14}.contact-card:before{content:"";opacity:.5;pointer-events:none;background-image:linear-gradient(#22d3ee0d 1px,#0000 1px),linear-gradient(90deg,#22d3ee0d 1px,#0000 1px);background-size:68px 68px;position:absolute;inset:0}.contact-glow{filter:blur(28px);background:#a855f73b;border-radius:50%;width:420px;height:420px;position:absolute;top:-140px;right:-130px}.contact-content,.contact-info{z-index:2;position:relative}.contact-content .section-tag{align-items:center;gap:8px;display:inline-flex}.contact-content h2{letter-spacing:-1.7px;margin:22px 0;font-size:clamp(2rem,4vw,4rem);line-height:1.08}.contact-content h2 span{background:linear-gradient(135deg,#22d3ee,#a855f7,#f97316);color:#0000;-webkit-background-clip:text}.contact-content p{color:#cbd5e1;max-width:720px;margin-bottom:34px;font-size:1.05rem;line-height:1.8}.contact-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.contact-primary,.contact-secondary{border-radius:999px;justify-content:center;align-items:center;gap:10px;height:54px;padding:0 24px;font-weight:800;transition:all .3s;display:inline-flex}.contact-primary{color:#fff;background:linear-gradient(135deg,#06b6d4,#7c3aed);box-shadow:0 0 30px #22d3ee57}.contact-secondary{color:#e2e8f0;background:#0f172aad;border:1px solid #94a3b852}.contact-primary:hover,.contact-secondary:hover{transform:translateY(-3px)}.contact-info{flex-direction:column;gap:18px;display:flex}.info-item{background:#0206179e;border:1px solid #22d3ee29;border-radius:24px;align-items:center;gap:16px;padding:22px;display:flex;box-shadow:0 0 28px #22d3ee0d}.info-item svg{color:#22d3ee;flex-shrink:0}.info-item strong{margin-bottom:5px;font-size:.98rem;display:block}.info-item span{color:#94a3b8;font-size:.92rem}@media (width<=980px){.contact-section{padding:95px 5%}.contact-card{text-align:center;grid-template-columns:1fr;padding:40px}.contact-actions{justify-content:center}.info-item{text-align:left}}@media (width<=560px){.contact-card{border-radius:30px;padding:30px 22px}.contact-primary,.contact-secondary{width:100%}}.footer{background:radial-gradient(circle at 0 0,#22d3ee14,#0000 28%),linear-gradient(#030712 0%,#01030a 100%);border-top:1px solid #22d3ee24;width:100%;padding:80px 7% 28px;position:relative;overflow:hidden}.footer:before{content:"";opacity:.35;pointer-events:none;background-image:linear-gradient(#22d3ee09 1px,#0000 1px),linear-gradient(90deg,#22d3ee09 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0}.footer-container{z-index:2;grid-template-columns:1.3fr .7fr .9fr 1fr;gap:42px;padding-bottom:50px;display:grid;position:relative}.footer-brand img{filter:drop-shadow(0 0 18px #22d3ee6b);height:74px;margin-bottom:22px}.footer-brand p{color:#94a3b8;max-width:360px;margin-bottom:22px;line-height:1.75}.footer-social{gap:12px;display:flex}.footer-social a{color:#22d3ee;background:#0f172ab8;border:1px solid #22d3ee2e;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.footer-social a:hover{background:#22d3ee1f;transform:translateY(-4px);box-shadow:0 0 22px #22d3ee40}.footer-links h3,.footer-contact h3{color:#fff;margin-bottom:22px;font-size:1.05rem}.footer-links{flex-direction:column;display:flex}.footer-links a{color:#94a3b8;margin-bottom:13px;font-size:.94rem;transition:all .3s}.footer-links a:hover{color:#22d3ee;transform:translate(4px)}.footer-contact div{color:#94a3b8;align-items:center;gap:12px;margin-bottom:15px;font-size:.94rem;display:flex}.footer-contact svg{color:#22d3ee;flex-shrink:0}.footer-bottom{z-index:2;border-top:1px solid #94a3b824;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;display:flex;position:relative}.footer-bottom p{color:#64748b;font-size:.9rem}.back-top{color:#22d3ee;align-items:center;gap:8px;font-size:.9rem;font-weight:700;transition:all .3s;display:inline-flex}.back-top:hover{text-shadow:0 0 12px #22d3eeb3;transform:translateY(-3px)}@media (width<=1050px){.footer-container{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.footer{padding:70px 5% 28px}.footer-container{grid-template-columns:1fr;gap:34px}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-brand img{height:64px}}.whatsapp-float{z-index:1200;color:#fff;background:linear-gradient(135deg,#06b6d4,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;transition:all .3s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 0 28px #22d3ee73}.whatsapp-float:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 0 42px #7c3aeda6}.whatsapp-pulse{border:1px solid #22d3ee73;border-radius:50%;animation:1.8s infinite pulseGlow;position:absolute;inset:-8px}@keyframes pulseGlow{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}@media (width<=560px){.whatsapp-float{width:56px;height:56px;bottom:18px;right:18px}}.tech-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.tech-line{opacity:.35;background:linear-gradient(90deg,#0000,#22d3ee8c,#0000);width:260px;height:1px;animation:9s linear infinite moveLine;position:absolute}.line-1{top:22%;left:-280px}.line-2{animation-delay:2.5s;top:48%;left:-320px}.line-3{animation-delay:5s;top:74%;left:-260px}.tech-dot{opacity:.65;background:#22d3ee;border-radius:50%;width:7px;height:7px;animation:6s ease-in-out infinite floatDot;position:absolute;box-shadow:0 0 18px #22d3eef2}.dot-1{top:18%;left:18%}.dot-2{animation-delay:1.2s;top:34%;right:16%}.dot-3{animation-delay:2s;bottom:28%;left:12%}.dot-4{animation-delay:3s;bottom:18%;right:22%}.dot-5{animation-delay:4s;top:64%;left:52%}@keyframes moveLine{0%{opacity:0;transform:translate(0)}15%{opacity:.45}to{opacity:0;transform:translate(calc(100vw + 420px))}}@keyframes floatDot{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-18px)scale(1.35)}}@media (width<=560px){.tech-line{width:190px}.tech-dot{width:5px;height:5px}}.cursor-glow{pointer-events:none;z-index:1;mix-blend-mode:screen;background:radial-gradient(circle,#22d3ee29,#7c3aed14,#0000 65%);border-radius:50%;width:280px;height:280px;transition:all 80ms linear;position:fixed;transform:translate(-50%,-50%)}@media (width<=768px){.cursor-glow{display:none}}.loading-screen{z-index:9999;background:radial-gradient(circle,#22d3ee26,#0000 34%),linear-gradient(135deg,#020617,#030712,#050816);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-logo-box{z-index:2;background:#0f172ab8;border:1px solid #22d3ee38;border-radius:38px;justify-content:center;align-items:center;width:220px;height:220px;padding:28px;display:flex;position:relative;box-shadow:0 0 60px #22d3ee33,inset 0 0 36px #7c3aed1f}.loading-logo-box img{filter:drop-shadow(0 0 26px #22d3eeb3);width:100%;animation:1.7s ease-in-out infinite logoPulse}.loading-ring{border:1px solid #22d3ee;border-color:#22d3ee #a855f7 #22d3ee2e #22d3ee2e;border-radius:50%;width:280px;height:280px;animation:1.4s linear infinite spinRing;position:absolute;box-shadow:0 0 36px #22d3ee33}.loading-screen p{z-index:2;color:#94a3b8;letter-spacing:.4px;margin-top:28px;font-size:.95rem;position:relative}@keyframes spinRing{to{transform:rotate(360deg)}}@keyframes logoPulse{0%,to{opacity:.86;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@media (width<=560px){.loading-logo-box{width:180px;height:180px}.loading-ring{width:230px;height:230px}}.real-projects-section{background:radial-gradient(circle,#22d3ee14,#0000 30%),linear-gradient(#030712 0%,#050816 100%);width:100%;padding:120px 7%;position:relative;overflow:hidden}.real-projects-header{text-align:center;z-index:2;max-width:920px;margin:0 auto 60px;position:relative}.real-projects-header h2{letter-spacing:-1.6px;margin-bottom:22px;font-size:clamp(2rem,4vw,3.7rem);line-height:1.08}.real-projects-header h2 span{background:linear-gradient(135deg,#22d3ee,#a855f7);color:#0000;-webkit-background-clip:text}.real-projects-header p{color:#cbd5e1;font-size:1.05rem;line-height:1.8}.real-projects-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:relative}.real-project-card{background:linear-gradient(145deg,#0f172ad6,#020617f5);border:1px solid #22d3ee24;border-radius:32px;flex-direction:column;min-height:310px;padding:30px;transition:all .35s;display:flex;box-shadow:0 0 45px #22d3ee0d,inset 0 0 34px #7c3aed0a}.real-project-card:hover{border-color:#a855f773;transform:translateY(-10px);box-shadow:0 0 55px #7c3aed29,inset 0 0 45px #22d3ee0f}.real-project-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.real-project-icon{color:#22d3ee;background:#22d3ee1a;border:1px solid #22d3ee33;border-radius:20px;justify-content:center;align-items:center;width:62px;height:62px;display:flex}.real-project-top span{color:#67e8f9;background:#22d3ee14;border:1px solid #22d3ee29;border-radius:999px;padding:7px 12px;font-size:.74rem;font-weight:800}.real-project-card h3{margin-bottom:16px;font-size:1.35rem}.real-project-card p{color:#94a3b8;margin-bottom:28px;font-size:.95rem;line-height:1.75}.real-project-btn{color:#22d3ee;background:0 0;align-items:center;gap:8px;width:fit-content;margin-top:auto;font-weight:800;transition:all .3s;display:inline-flex}.real-project-btn:hover{gap:13px}@media (width<=1100px){.real-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.real-projects-section{padding:95px 5%}.real-projects-grid{grid-template-columns:1fr}.real-project-card{min-height:auto}}.real-project-image{width:100%;height:220px;position:relative;overflow:hidden}.real-project-image img{object-fit:cover;width:100%;height:100%;transition:all .5s}.real-project-overlay{pointer-events:none;background:linear-gradient(#02061733,#020617f2);position:absolute;inset:0}.real-project-content{flex-direction:column;flex:1;padding:28px;display:flex}.real-project-card{overflow:hidden;padding:0!important}.real-project-card:hover img{transform:scale(1.08)}.project-detail-page{color:#fff;background:radial-gradient(circle at 0 0,#22d3ee1f,#0000 28%),radial-gradient(circle at 100% 0,#a855f724,#0000 30%),linear-gradient(#020617 0%,#030712 100%);width:100%;min-height:100vh}.project-detail-hero{width:100%;padding:130px 7% 90px;position:relative;overflow:hidden}.project-detail-hero:before{content:"";opacity:.45;background-image:linear-gradient(#22d3ee0a 1px,#0000 1px),linear-gradient(90deg,#22d3ee0a 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0}.project-detail-content{z-index:2;max-width:900px;position:relative}.back-link{color:#94a3b8;align-items:center;gap:10px;width:fit-content;margin-bottom:34px;font-size:.95rem;transition:all .3s;display:inline-flex}.back-link:hover{color:#22d3ee;transform:translate(-4px)}.detail-icon{color:#22d3ee;background:#22d3ee14;border:1px solid #22d3ee38;border-radius:28px;justify-content:center;align-items:center;width:92px;height:92px;margin-bottom:28px;display:flex;box-shadow:0 0 38px #22d3ee1f,inset 0 0 18px #22d3ee14}.detail-tag{color:#67e8f9;background:#0f172ac2;border:1px solid #22d3ee2e;border-radius:999px;margin-bottom:22px;padding:8px 15px;font-size:.85rem;font-weight:700;display:inline-flex}.project-detail-content h1{letter-spacing:-2px;margin-bottom:22px;font-size:clamp(2.5rem,5vw,5rem);line-height:1.04}.detail-subtitle{color:#e2e8f0;max-width:760px;margin-bottom:26px;font-size:1.2rem;line-height:1.7}.detail-description{color:#94a3b8;max-width:780px;margin-bottom:40px;font-size:1.02rem;line-height:1.9}.detail-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.detail-primary-btn,.detail-secondary-btn{border-radius:999px;justify-content:center;align-items:center;gap:10px;height:54px;padding:0 24px;font-weight:800;transition:all .3s;display:inline-flex}.detail-primary-btn{color:#fff;background:linear-gradient(135deg,#06b6d4,#7c3aed);box-shadow:0 0 30px #22d3ee47}.detail-secondary-btn{color:#e2e8f0;background:#0f172ab8;border:1px solid #94a3b83d}.detail-primary-btn:hover,.detail-secondary-btn:hover{transform:translateY(-3px)}.project-detail-body{flex-direction:column;gap:34px;width:100%;padding:0 7% 110px;display:flex}.detail-block{background:linear-gradient(145deg,#0f172ad6,#020617f5);border:1px solid #22d3ee24;border-radius:34px;padding:42px;box-shadow:0 0 45px #22d3ee0f,inset 0 0 34px #7c3aed0a}.detail-block h2{margin-bottom:28px;font-size:2rem}.detail-list{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.detail-list-item{background:#0206178c;border:1px solid #22d3ee1a;border-radius:20px;align-items:center;gap:12px;padding:20px;display:flex}.detail-list-item svg{color:#22d3ee;flex-shrink:0}.detail-list-item span{color:#cbd5e1;line-height:1.6}.detail-tech .tech-tags{flex-wrap:wrap;gap:14px;display:flex}.tech-tags span{color:#67e8f9;background:#22d3ee14;border:1px solid #22d3ee29;border-radius:999px;padding:12px 18px;font-size:.92rem;font-weight:700}.project-not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 7%;display:flex}.project-not-found h1{margin-bottom:18px;font-size:3rem}.project-not-found p{color:#94a3b8;margin-bottom:28px}@media (width<=850px){.project-detail-hero{padding:120px 5% 70px}.project-detail-body{padding:0 5% 90px}.detail-list{grid-template-columns:1fr}.detail-block{padding:32px}}@media (width<=560px){.project-detail-content h1{letter-spacing:-1px}.detail-actions{flex-direction:column;align-items:stretch}.detail-primary-btn,.detail-secondary-btn{width:100%}.detail-block{border-radius:28px;padding:26px 22px}.detail-block h2{font-size:1.6rem}}