:root{--navy:#050b1d;--navy-2:#09142d;--navy-3:#0e1d3e;--panel:rgba(15,30,61,.74);--panel-solid:#0d1a36;--line-dark:rgba(132,170,224,.18);--text-dark:#f4f8ff;--muted-dark:#a8b7d1;--glow-purple:#a86dff;--glow-cyan:#36e4e2}
html{background:var(--navy)}body{background:var(--navy);color:var(--text-dark)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 14% 8%,rgba(112,68,161,.22),transparent 28%),radial-gradient(circle at 88% 20%,rgba(11,159,169,.17),transparent 30%),linear-gradient(180deg,var(--navy),#071027 55%,#040918)}p{color:var(--muted-dark)}
.header{background:rgba(5,11,29,.82);border-color:var(--line-dark);box-shadow:0 12px 42px rgba(0,0,0,.24)}.nav>a:not(.btn){color:#dbe7fa}.nav>a:not(.btn):hover{color:var(--glow-cyan)}.menu-toggle span{background:#fff}.brand img,.footer-grid img{background:#fff;border-radius:12px;padding:8px;box-shadow:0 10px 28px rgba(54,228,226,.12)}
.hero{background:radial-gradient(circle at 84% 25%,rgba(54,228,226,.14),transparent 28%),radial-gradient(circle at 10% 75%,rgba(168,109,255,.16),transparent 34%),linear-gradient(180deg,#050b1d,#09142d)}.hero:after{content:"";position:absolute;right:7%;top:18%;width:280px;height:280px;border-radius:50%;border:1px solid rgba(54,228,226,.18);box-shadow:0 0 80px rgba(54,228,226,.12),inset 0 0 70px rgba(168,109,255,.08);transform:perspective(700px) rotateX(66deg) rotateZ(-18deg);animation:orbit3d 10s linear infinite}.hero h1{color:#fff;text-shadow:0 12px 34px rgba(0,0,0,.35)}.hero h1 em{background:linear-gradient(90deg,#a86dff,#36e4e2);-webkit-background-clip:text;color:transparent}.main-card{background:linear-gradient(145deg,#111d42,#623c9b 58%,#0796a3);border:1px solid rgba(255,255,255,.16);box-shadow:35px 42px 90px rgba(0,0,0,.48),-8px -8px 34px rgba(54,228,226,.08);transform:perspective(1000px) rotateY(-10deg) rotateX(4deg) rotateZ(2deg);animation:float3d 6s ease-in-out infinite}.float-card{background:rgba(14,29,59,.88);border-color:var(--line-dark);color:#fff;backdrop-filter:blur(15px);box-shadow:0 24px 55px rgba(0,0,0,.38);transform:translateZ(45px)}.float-card small{color:#a8b7d1}.card-a{animation:floatCard 4.5s ease-in-out infinite}.card-b{animation:floatCard 5.5s ease-in-out infinite reverse}
.quick-grid,.service-card,.plan-card,.contact-form,.timeline article{background:linear-gradient(145deg,rgba(19,37,75,.92),rgba(8,18,41,.94));border-color:var(--line-dark);color:#fff;box-shadow:18px 22px 55px rgba(0,0,0,.25),inset 1px 1px rgba(255,255,255,.04)}.quick-grid article+article{border-color:var(--line-dark)}.quick-grid p,.service-card p,.plan-card p,.timeline p{color:var(--muted-dark)}.section,.services,.process,.portfolio{background:transparent}.about{background:linear-gradient(180deg,#081229,#0b1733)}.about-art{box-shadow:30px 35px 80px rgba(0,0,0,.42);transform:perspective(900px) rotateY(7deg)}.checks span{background:rgba(15,30,61,.9);border-color:var(--line-dark);color:#e9f3ff}.service-card,.plan-card,.project,.benefit-grid article{transform-style:preserve-3d;will-change:transform;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.service-card:hover,.plan-card:hover,.project:hover,.benefit-grid article:hover{transform:perspective(900px) rotateX(3deg) rotateY(-4deg) translateY(-9px) translateZ(14px);box-shadow:25px 35px 70px rgba(0,0,0,.4),0 0 30px rgba(54,228,226,.08);border-color:rgba(54,228,226,.35)}.service-card .icon{background:linear-gradient(145deg,#1b3567,#101d3b);box-shadow:8px 10px 22px rgba(0,0,0,.32),inset -2px -2px 7px rgba(0,0,0,.25),inset 2px 2px 6px rgba(255,255,255,.08);transform:translateZ(26px)}.service-card h3,.service-card .card-price,.plan-name,.plan-price{transform:translateZ(18px)}.service-card li,.plan-card li{color:#c7d4e8}.plan-card.premium,.service-card.featured{background:linear-gradient(145deg,#172b55,#122143 55%,#0b323f);border-color:rgba(54,228,226,.25)}
.launch-offer{background:linear-gradient(180deg,#09142d,#071027)}.offer-panel{box-shadow:28px 38px 85px rgba(0,0,0,.45),0 0 55px rgba(168,109,255,.1);transform:perspective(1200px) rotateX(1.5deg);border:1px solid rgba(255,255,255,.14)}.benefits{background:linear-gradient(145deg,#071127,#121b40 50%,#102f3d)}.benefit-grid article{background:linear-gradient(145deg,rgba(35,53,98,.72),rgba(7,19,45,.8));box-shadow:14px 18px 42px rgba(0,0,0,.28)}.project{box-shadow:24px 30px 65px rgba(0,0,0,.38)}.contact{background:radial-gradient(circle at 12% 40%,rgba(168,109,255,.15),transparent 30%),linear-gradient(135deg,#071027,#0b1733)}.contact-form input,.contact-form textarea{background:#071127;border-color:var(--line-dark);color:#fff}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#7889a6}footer{background:#020611;border-top:1px solid var(--line-dark)}
.btn{box-shadow:0 14px 35px rgba(67,218,220,.16),0 7px 0 rgba(41,21,70,.5);transform:translateY(-2px);transition:.2s}.btn:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(67,218,220,.24),0 9px 0 rgba(41,21,70,.42)}.btn:active{transform:translateY(1px);box-shadow:0 8px 20px rgba(67,218,220,.16),0 2px 0 rgba(41,21,70,.55)}.btn-ghost{background:rgba(14,29,59,.72);color:#fff;border-color:var(--line-dark)}
@keyframes float3d{0%,100%{transform:perspective(1000px) rotateY(-10deg) rotateX(4deg) rotateZ(2deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-6deg) rotateX(1deg) rotateZ(1deg) translateY(-14px)}}@keyframes floatCard{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes orbit3d{to{transform:perspective(700px) rotateX(66deg) rotateZ(342deg)}}
@media(max-width:950px){.nav{background:#071127;border-color:var(--line-dark)}.hero:after{opacity:.45}.about-art{transform:none}}@media(max-width:640px){.main-card{animation:none;transform:perspective(900px) rotateY(-5deg) rotateX(2deg)}.service-card:hover,.plan-card:hover,.project:hover,.benefit-grid article:hover{transform:translateY(-5px)}.hero:after{width:190px;height:190px;right:-45px}}