@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');
:root{--bg:#050b15;--panel:#0b1627;--line:rgba(122,177,231,.18);--muted:#9baec6;--blue:#168cff;--cyan:#75d7ff;--white:#f4f8ff;--glass:rgba(12,27,47,.72)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;position:relative;isolation:isolate;overflow-x:hidden;background:radial-gradient(ellipse at 50% -15%,#164d8066,transparent 42%),linear-gradient(180deg,#050b15,#07101e 55%,#050a13);color:var(--white);font-family:Vazirmatn,Tahoma,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 14% 25%,#0878ff18,transparent 26%),radial-gradient(circle at 86% 58%,#00d0ff12,transparent 25%);animation:breath 12s ease-in-out infinite alternate}.page-noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.grid-overlay{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.14;background-image:linear-gradient(#64baff12 1px,transparent 1px),linear-gradient(90deg,#64baff12 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.ambient{position:fixed;z-index:-1;width:360px;height:360px;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none}.ambient-one{background:#087cff;top:8%;left:-180px;animation:floatA 17s ease-in-out infinite alternate}.ambient-two{background:#00c8ff;right:-200px;top:48%;animation:floatB 21s ease-in-out infinite alternate}a{color:#9bd6ff;text-decoration:none;transition:color .25s}a:hover{color:#fff}.nav{height:82px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #8ccaff18;position:sticky;top:0;z-index:30;background:rgba(5,11,21,.76);backdrop-filter:blur(24px) saturate(150%);box-shadow:0 10px 40px #0002}.nav:after{content:"";position:absolute;bottom:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#42aaff77,transparent)}.brand{display:flex;align-items:center;gap:11px;color:white;font-size:21px;direction:ltr;letter-spacing:.5px;white-space:nowrap}.brand img{width:45px;height:45px;object-fit:cover;border-radius:13px;border:1px solid #8bd2ff55;box-shadow:0 0 26px #168cff36}.brand span{color:#49baff;text-shadow:0 0 20px #168cff77}.nav nav{display:flex;gap:clamp(10px,1.7vw,24px);align-items:center}.nav nav a{font-size:12px;color:#a7b8ce;position:relative;padding:10px 0}.nav nav a:after{content:"";position:absolute;bottom:3px;right:0;width:0;height:2px;background:linear-gradient(90deg,#1b8dff,#77e1ff);box-shadow:0 0 12px #1b8dff;transition:width .3s}.nav nav a:hover:after,.nav nav a.active:after{width:100%}.nav nav a.active,.nav nav a:hover{color:#fff}.btn{position:relative;overflow:hidden;border:1px solid #62c8ff66;background:linear-gradient(115deg,#0969d9,#168cff 52%,#20b8e8);background-size:180% 180%;color:white!important;border-radius:12px;padding:13px 21px;font:800 12px Vazirmatn;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 9px 30px #007bff35,inset 0 1px #ffffff35;transition:transform .28s,box-shadow .28s,background-position .5s}.btn:before{content:"";position:absolute;top:-70%;left:-35%;height:240%;width:22%;transform:rotate(25deg);background:#ffffff35;filter:blur(5px);transition:left .65s}.btn:hover{transform:translateY(-3px);background-position:100% 50%;box-shadow:0 14px 42px #007bff55,0 0 0 4px #168cff13}.btn:hover:before{left:120%}.btn.ghost{background:rgba(255,255,255,.025);border-color:#7196bb48;box-shadow:inset 0 1px #ffffff0c;backdrop-filter:blur(8px)}.btn.ghost:hover{border-color:#64c8ff99;background:#168cff12}.btn.mini{padding:9px 13px;font-size:10px;border-radius:10px}.inline{display:inline}.hamb{display:none;background:#ffffff08;color:white;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:23px}.wrap{max-width:1320px;margin:auto;padding:0 6%}.hero{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:45px;align-items:center;padding-top:72px;padding-bottom:74px;min-height:590px}.hero:before{content:"";position:absolute;right:2%;top:18%;width:54%;height:72%;border-radius:50%;background:radial-gradient(ellipse,#168cff0c,transparent 65%);pointer-events:none}.eyebrow,small{color:#81caff;font-size:10px;letter-spacing:1.2px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #65c3ff30;border-radius:99px;background:#168cff0c;box-shadow:inset 0 1px #ffffff09}.hero h1{font-size:clamp(42px,5.3vw,76px);line-height:1.42;margin:22px 0;font-weight:900;letter-spacing:-1.4px}.hero h1 em,h1 em,h2 em{font-style:normal;background:linear-gradient(100deg,#fff 2%,#b6e6ff 36%,#46adff 70%,#7de9ff);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 5px 24px #168cff25)}.hero p,.lead{color:var(--muted);line-height:2.35;font-size:13px;max-width:570px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:30px 0}.stats{display:flex;gap:clamp(20px,3vw,43px);margin-top:43px}.stats>div{position:relative;padding-right:14px}.stats>div:before{content:"";position:absolute;right:0;top:4px;bottom:4px;width:2px;border-radius:3px;background:linear-gradient(#4fc5ff,transparent)}.stats b,.stats small{display:block}.stats b{font-size:22px;text-shadow:0 0 28px #168cff38}.stats small{color:#8399b4;font-size:10px;letter-spacing:0}.hero-art{position:relative;display:grid;place-items:center;min-height:420px;perspective:1000px}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid #64caff20;border-radius:50%;width:390px;height:390px;animation:orbit 26s linear infinite}.hero-art:after{width:310px;height:310px;border-style:dashed;border-color:#62c6ff30;animation-direction:reverse;animation-duration:36s}.hero-art>img{width:min(350px,80%);border-radius:28px;z-index:1;border:1px solid #b9e7ff4a;box-shadow:0 35px 100px #0009,0 0 75px #168cff25,0 0 0 10px #8ad9ff05;transform:rotate(-3deg);animation:logoFloat 6s ease-in-out infinite;transition:transform .5s,filter .5s}.hero-art>img:hover{transform:rotate(0) scale(1.04);filter:brightness(1.08)}.orb{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#078cff52,#075dba16 45%,transparent 72%);filter:blur(30px);animation:orbPulse 5s ease-in-out infinite}.hero-art .orb:after{content:"";position:absolute;inset:16%;border-radius:50%;border:1px solid #64caff40;box-shadow:0 0 45px #168cff30}.marquee{border-block:1px solid #7ccaff1c;overflow:hidden;padding:19px 0;white-space:nowrap;color:#8aa6c5;letter-spacing:3px;font-size:10px;background:linear-gradient(90deg,transparent,#168cff08,transparent)}.marquee span{display:inline-block;animation:scroll 26s linear infinite}@keyframes scroll{to{transform:translateX(-40%)}}.section{padding-top:72px;padding-bottom:35px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head h2,h1{font-size:clamp(29px,3.3vw,42px);line-height:1.55;margin:10px 0;font-weight:850;letter-spacing:-.5px}.grid{display:grid;gap:19px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.feature,.project,.panel{position:relative;isolation:isolate;overflow:hidden;border:1px solid #81bde52b;border-radius:20px;background:linear-gradient(145deg,rgba(17,39,65,.86),rgba(7,17,31,.9));padding:27px;min-width:0;box-shadow:0 18px 45px #00025,inset 0 1px #ffffff09;backdrop-filter:blur(14px);transition:transform .35s,border-color .35s,box-shadow .35s}.feature:before,.project:before,.panel:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 100% 0%,#168cff19,transparent 43%);opacity:.8;pointer-events:none}.feature:after,.project:after{content:"";position:absolute;top:-120%;left:-40%;width:30%;height:300%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#ffffff0b,transparent);transition:left .8s;pointer-events:none}.feature:hover,.project:hover,.panel:hover{transform:translateY(-7px);border-color:#56bfff78;box-shadow:0 25px 65px #0005,0 0 35px #168cff13,inset 0 1px #ffffff12}.feature:hover:after,.project:hover:after{left:140%}.feature{display:block}.feature i{display:grid;place-items:center;font-style:normal;font-size:25px;color:#8cdbff;width:54px;height:54px;border:1px solid #5cc6ff35;border-radius:16px;background:linear-gradient(145deg,#168cff24,#168cff05);box-shadow:0 8px 25px #168cff12,inset 0 1px #ffffff12}.feature h3,.project h3{font-size:16px;margin:18px 0 9px}.feature p,.project p,.panel p{font-size:12px;color:var(--muted);line-height:2.15}.feature span{display:block;margin-top:20px;font-size:11px}.project .mock{height:165px;border:1px solid #63bdff38;border-radius:15px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,#1d6cb0,#0c1b30 65%);font-size:42px;font-weight:900;color:#d4f0ff;text-shadow:0 0 35px #36aaff;box-shadow:inset 0 0 35px #168cff18}.project .mock:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,#ffffff0b 50%,transparent 70%);transform:translateX(-100%);animation:mockSweep 7s ease-in-out infinite}.project .mock.blue{background:radial-gradient(circle at 50% 35%,#1469b8,#0a1425 70%)}.project a{font-size:11px}.panel{margin:17px 0}.panel h2{font-size:24px}.price{font-size:27px;font-weight:900;color:#8bd7ff;text-shadow:0 0 25px #168cff2a}.price small{font-size:10px}.panel ul{padding-right:20px;color:#afc1d6;font-size:12px;line-height:2.3}.page{position:relative;padding-top:48px;padding-bottom:80px;min-height:68vh;animation:pageIn .6s both}.page>h1{margin-top:5px}.form{max-width:650px;display:grid;gap:16px}.narrow{max-width:500px}.form label{display:grid;gap:9px;font-size:12px;color:#b7cbe1}.form input,.form textarea,.form select,.panel input,.panel textarea,.panel select{width:100%;padding:13px 15px;border-radius:11px;background:rgba(3,11,21,.75);color:#eef6ff;border:1px solid #729dc52e;font:12px Vazirmatn;min-width:0;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}.form input:focus,.form textarea:focus,.form select:focus,.panel input:focus,.panel textarea:focus,.panel select:focus{border-color:#49baff99;box-shadow:0 0 0 4px #168cff13,0 0 24px #168cff0d;background:#071426}.form textarea,.panel textarea{min-height:110px;resize:vertical}.form small,.muted{color:#8196af;font-size:10px}.chips,.socials{display:flex;gap:9px;flex-wrap:wrap}.chips span,.socials span{border:1px solid #5b9dcb36;border-radius:9px;padding:8px 12px;color:#b3dcff;font-size:11px;background:#168cff09;box-shadow:inset 0 1px #ffffff06}.table-wrap{overflow:auto;border-radius:12px}.table-wrap table{width:100%;border-collapse:collapse;min-width:650px;font-size:11px}.table-wrap th,.table-wrap td{text-align:right;padding:14px;border-bottom:1px solid #80b9e51b;vertical-align:top}.table-wrap th{color:#8fd2ff;background:#168cff0a}.table-wrap td{color:#c0cee0}.table-wrap tr:hover td{background:#168cff08}.table-wrap td small{display:block}.table-wrap form{display:grid;gap:8px;min-width:130px}.table-wrap input[type=file]{font-size:10px}details.ticket{padding:17px;border-bottom:1px solid var(--line)}details.ticket summary{cursor:pointer;color:#a8dcff;font-size:12px}details.ticket p{font-size:12px;line-height:2}.notice{color:#8bd4ff;font-size:12px;min-height:18px;margin-bottom:10px}.admin-links{display:flex;gap:10px;flex-wrap:wrap}.socials{margin-top:22px}footer{position:relative;border-top:1px solid #8ccaff1b;padding:28px 6%;display:flex;justify-content:space-between;gap:15px;color:#8299b5;font-size:10px;background:#04091255}footer:before{content:"";position:absolute;top:-1px;left:30%;right:30%;height:1px;background:linear-gradient(90deg,transparent,#4dbbff88,transparent)}.site-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#040913;transition:opacity .65s,visibility .65s}.site-loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-core{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-width:220px;min-height:220px}.loader-core>b{font-size:32px;direction:ltr;letter-spacing:1px;text-shadow:0 0 35px #168cff55}.loader-core>b span{color:#4bbaff}.loader-core>small{font-size:8px;color:#829db9;letter-spacing:2px}.loader-ring{position:absolute;width:165px;height:165px;border-radius:50%;border:1px solid transparent;border-top-color:#66d6ff;border-right-color:#168cff88;box-shadow:0 0 28px #168cff17;animation:orbit 1.5s linear infinite}.ring-two{width:190px;height:190px;border-top-color:#168cff;border-right-color:transparent;border-bottom-color:#4ed3ff70;animation-duration:2.4s;animation-direction:reverse}.loader-track{height:3px;width:150px;border-radius:99px;background:#13253a;overflow:hidden;margin-top:9px}.loader-track i{display:block;height:100%;width:35%;background:linear-gradient(90deg,#168cff,#80e5ff);box-shadow:0 0 15px #168cff;animation:loadTrack 1.1s ease-in-out infinite alternate}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes loadTrack{to{transform:translateX(190%);width:60%}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-13px) rotate(-1deg)}}@keyframes orbPulse{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.12);opacity:1}}@keyframes floatA{to{transform:translate(130px,100px)}}@keyframes floatB{to{transform:translate(-120px,-80px)}}@keyframes breath{to{filter:hue-rotate(24deg);opacity:.7}}@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mockSweep{0%,55%{transform:translateX(-110%)}80%,100%{transform:translateX(110%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:950px){.nav{padding:0 4%;gap:10px}.nav nav{gap:12px}.nav nav a{font-size:11px}.wrap{padding:0 4%}.hero{gap:20px}.hero-art:before{width:320px;height:320px}.hero-art:after{width:260px;height:260px}}
@media(max-width:800px){.nav{height:70px;padding:0 4%}.nav nav{display:none;position:absolute;top:69px;right:0;left:0;padding:20px;background:rgba(5,13,25,.97);flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 25px 45px #0007;backdrop-filter:blur(20px)}.nav nav.open{display:flex}.nav nav a{padding:12px}.hamb{display:block}.nav .btn{font-size:9px}.hero{grid-template-columns:1fr;padding-top:30px;gap:0;min-height:0}.hero-art{grid-row:1;min-height:300px}.hero-art>img{width:205px}.hero-art:before{width:270px;height:270px}.hero-art:after{width:220px;height:220px}.orb{width:210px;height:210px}.hero h1{font-size:clamp(40px,10vw,54px)}.three,.two{grid-template-columns:1fr}.section{padding-top:50px}.section-head{align-items:start;gap:12px;flex-direction:column}.section-head h2,h1{font-size:29px}.stats{gap:20px}.wrap{padding-left:5%;padding-right:5%}.page{padding-top:32px}footer{flex-wrap:wrap}.panel,.feature,.project{padding:21px}.ambient{width:240px;height:240px;filter:blur(65px)}}


/* AZTEAM cinematic interaction layer */
:root{--electric:#20a7ff;--ice:#b9efff;--violet:#7b8dff;--mx:50vw;--my:30vh}
body{background:#030711;background-image:radial-gradient(ellipse at 50% -18%,#155cae5c,transparent 43%),radial-gradient(ellipse at 8% 70%,#063c7c26,transparent 36%),linear-gradient(145deg,#030711 0%,#071324 48%,#030711 100%)}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(500px circle at var(--mx) var(--my),#168cff12,transparent 65%);mix-blend-mode:screen}
#starfield{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:.9}
.cursor-glow{position:fixed;z-index:40;left:var(--mx);top:var(--my);width:230px;height:230px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,#27a9ff10 0%,#167bff06 38%,transparent 72%);mix-blend-mode:screen}
.scroll-progress{position:fixed;z-index:100;top:0;right:0;width:0;height:3px;background:linear-gradient(90deg,#237bff,#51dcff,#c2f4ff);box-shadow:0 0 18px #2caeff;transition:width .08s linear}
.hero{min-height:660px;padding-top:66px;perspective:1300px}.hero:after{content:"";position:absolute;left:4%;bottom:8%;width:42%;height:1px;background:linear-gradient(90deg,transparent,#2ba9ff55,transparent);filter:drop-shadow(0 0 9px #168cff);animation:lineBreath 4s ease-in-out infinite}
.hero-title{animation:titleEnter 1.05s cubic-bezier(.2,.8,.2,1) both}.hero-title em{display:inline-block;min-height:1.45em}.type-wrap{position:relative;white-space:nowrap}.type-caret{display:inline-block;width:3px;height:.85em;margin-right:8px;vertical-align:-.06em;background:#9ceaff;box-shadow:0 0 16px #2db7ff;animation:caretBlink .8s steps(2) infinite}.hero p{animation:riseIn .9s .18s both}.hero .actions{animation:riseIn .9s .32s both}.stats{animation:riseIn .9s .46s both}
.hero-art{transform-style:preserve-3d;isolation:isolate}.hero-art:before{width:440px;height:440px;border-color:#58c9ff2b;box-shadow:0 0 80px #087eff0b,inset 0 0 60px #168cff06}.hero-art:after{width:350px;height:350px;border-color:#80dfff42;box-shadow:0 0 35px #168cff12}.hero-art>img{position:relative;animation:logoFloat 6s ease-in-out infinite,logoAura 4s ease-in-out infinite alternate;box-shadow:0 40px 110px #000b,0 0 100px #168cff35,0 0 0 1px #a5e5ff55,0 0 0 14px #55baff08}
.hero-scan{position:absolute;width:300px;height:300px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 68%,#42c8ff35 82%,transparent 100%);animation:orbit 8s linear infinite;filter:blur(1px)}.hero-scan:after{content:"";position:absolute;inset:15px;border-radius:50%;border:1px solid #57c6ff20}.orbit-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#c4f6ff;box-shadow:0 0 12px 4px #219dff8c;z-index:3}.dot-a{animation:dotOrbit 9s linear infinite}.dot-b{width:5px;height:5px;background:#579eff;animation:dotOrbit 13s linear infinite reverse}.float-chip{position:absolute;z-index:4;padding:11px 15px;border:1px solid #7cd6ff44;border-radius:13px;background:linear-gradient(135deg,#102d4bd9,#071322d9);backdrop-filter:blur(18px);box-shadow:0 16px 45px #0007,0 0 30px #168cff15,inset 0 1px #ffffff16;color:#d7f2ff;font-size:10px;animation:chipFloat 5s ease-in-out infinite}.chip-top{top:14%;right:-2%;transform:rotate(3deg)}.chip-bottom{bottom:15%;left:-3%;animation-delay:-2.4s;transform:rotate(-3deg)}.hero-caption{position:absolute;bottom:2%;font-size:8px;letter-spacing:1.7px;color:#8eaac8;display:flex;align-items:center;gap:8px;direction:ltr}.hero-caption b{color:#b4eaff;border-right:1px solid #72caff44;padding-right:9px;margin-left:4px}.live-dot{width:6px;height:6px;background:#4fe2b1;border-radius:50%;box-shadow:0 0 12px #4fe2b1;animation:livePulse 1.8s infinite}
.eyebrow{box-shadow:0 0 30px #168cff12,inset 0 1px #ffffff12;animation:eyebrowGlow 4s ease-in-out infinite}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#64d9ff;box-shadow:0 0 12px #28aaff;animation:livePulse 2s infinite}
.section{position:relative}.section-head h2{text-shadow:0 0 35px #168cff14}.feature,.project,.panel{background:linear-gradient(145deg,rgba(14,34,59,.82),rgba(5,13,25,.82));border-color:#76caff2b;box-shadow:0 22px 55px #0003,inset 0 1px #ffffff0c;transform-style:preserve-3d}.feature:before,.project:before,.panel:before{background:radial-gradient(360px circle at var(--card-x,50%) var(--card-y,0%),#249fff20,transparent 55%),linear-gradient(135deg,#ffffff05,transparent 45%)}.feature:after,.project:after{content:"";position:absolute;inset:0;top:0;left:0;width:auto;height:auto;transform:none;background:linear-gradient(115deg,transparent 20%,#8be4ff0a 48%,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}.feature:hover:after,.project:hover:after{left:0;opacity:1}.feature:hover,.project:hover,.panel:hover{transform:translateY(-9px) scale(1.012);border-color:#61caff8c;box-shadow:0 28px 80px #0008,0 0 38px #168cff19,inset 0 1px #ffffff18}.feature i{box-shadow:0 8px 28px #168cff20,0 0 25px #168cff10,inset 0 1px #ffffff19;transition:transform .4s,box-shadow .4s}.feature:hover i{transform:translateY(-3px) rotate(-7deg) scale(1.08);box-shadow:0 10px 35px #168cff35,0 0 28px #168cff20}.btn{box-shadow:0 10px 32px #007bff3d,0 0 0 1px #6dd3ff16,inset 0 1px #ffffff45}.btn:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(110deg,transparent 25%,#ffffff19 48%,transparent 68%);transform:translateX(-130%);transition:transform .8s;pointer-events:none}.btn:hover:after{transform:translateX(130%)}.marquee{position:relative}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:15%;z-index:2;pointer-events:none}.marquee:before{right:0;background:linear-gradient(270deg,#050b15,transparent)}.marquee:after{left:0;background:linear-gradient(90deg,#050b15,transparent)}
.project .mock{height:190px;isolation:isolate;background:radial-gradient(ellipse at 50% 0%,#318de7 0%,#122d4e 36%,#07101f 76%);box-shadow:inset 0 0 50px #168cff22,0 12px 35px #0005}.project .mock:after{content:"";position:absolute;inset:10px;border:1px solid #91d9ff20;border-radius:10px;pointer-events:none}.project:hover .mock{box-shadow:inset 0 0 60px #168cff38,0 0 30px #168cff1b}.site-loader{background:radial-gradient(ellipse at 50% 45%,#0a2850 0%,#050d1c 42%,#02050c 100%)}.loader-core>b{font-size:38px;letter-spacing:3px;animation:loaderBrand 2s ease-in-out infinite alternate}.loader-ring{width:176px;height:176px;border-width:2px;border-top-color:#b7f0ff;border-right-color:#168cffaa;box-shadow:0 0 35px #168cff27,inset 0 0 25px #168cff0a}.ring-two{width:205px;height:205px;border-style:dashed;border-top-color:#168cff;border-bottom-color:#65e5ff88;filter:drop-shadow(0 0 8px #168cff55)}.loader-core:before{content:"";position:absolute;width:245px;height:245px;border-radius:50%;background:radial-gradient(circle,#168cff16,transparent 68%);animation:orbPulse 2s infinite}.loader-core>small{animation:letterBreath 3s ease-in-out infinite}.page{animation:pageIn .7s cubic-bezier(.2,.8,.2,1) both}.reveal{filter:blur(5px);transform:translateY(35px) scale(.985);transition:opacity .85s,transform .85s cubic-bezier(.2,.8,.2,1),filter .85s}.reveal.visible{filter:blur(0);transform:translateY(0) scale(1)}
@keyframes caretBlink{50%{opacity:0}}@keyframes titleEnter{from{opacity:0;transform:translateY(24px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes riseIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes logoAura{from{filter:drop-shadow(0 0 0 #168cff00)}to{filter:drop-shadow(0 0 18px #168cff38)}}@keyframes chipFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes dotOrbit{from{transform:rotate(0deg) translateX(210px) rotate(0deg)}to{transform:rotate(360deg) translateX(210px) rotate(-360deg)}}@keyframes livePulse{0%,100%{opacity:1;box-shadow:0 0 0 0 #4fe2b155}50%{opacity:.65;box-shadow:0 0 0 7px #4fe2b100}}@keyframes eyebrowGlow{0%,100%{border-color:#65c3ff30;box-shadow:0 0 12px #168cff08}50%{border-color:#65c3ff70;box-shadow:0 0 24px #168cff15}}@keyframes loaderBrand{from{text-shadow:0 0 15px #168cff35}to{text-shadow:0 0 38px #168cff99,0 0 65px #55caff30}}@keyframes letterBreath{0%,100%{opacity:.55;letter-spacing:2px}50%{opacity:1;letter-spacing:3px}}@keyframes lineBreath{0%,100%{opacity:.25;transform:scaleX(.65)}50%{opacity:1;transform:scaleX(1)}}
@media(max-width:800px){.hero{min-height:0;padding-bottom:50px}.hero-art:before{width:285px;height:285px}.hero-art:after{width:225px;height:225px}.hero-scan{width:235px;height:235px}.dot-a{animation-duration:12s}.dot-b{display:none}.chip-top{right:0;top:10%}.chip-bottom{left:0;bottom:10%}.float-chip{font-size:9px;padding:9px 11px}.hero-caption{bottom:-1%}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){.cursor-glow,#starfield{display:none}}

.btn{isolation:isolate}.btn-ripple{position:absolute;width:8px;height:8px;border-radius:50%;background:#bfeeff66;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;animation:rippleOut .6s ease-out forwards}@keyframes rippleOut{to{width:260px;height:260px;opacity:0}}

/* V4: expanded studio storytelling and distinct authentication screens */
.auth-nav{display:flex;align-items:center;gap:8px}.auth-layout{min-height:68vh;display:grid;grid-template-columns:1fr minmax(300px,440px);align-items:center;gap:clamp(28px,6vw,90px);padding:clamp(28px,7vw,88px) 0}.auth-intro h1,.about-hero h1{font-size:clamp(2.5rem,6vw,5.6rem);line-height:1.22;letter-spacing:-.04em}.auth-intro>p{max-width:620px;color:var(--muted,#aab8cc);font-size:1.08rem;line-height:2}.auth-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.auth-benefits span{border:1px solid rgba(107,190,255,.2);background:rgba(24,75,122,.18);padding:10px 14px;border-radius:999px;box-shadow:0 8px 28px rgba(0,0,0,.18)}.auth-card{width:100%;box-sizing:border-box;border:1px solid rgba(109,191,255,.25);box-shadow:0 24px 90px rgba(0,0,0,.34),0 0 45px rgba(34,139,255,.08);backdrop-filter:blur(22px)}.auth-submit{width:100%;justify-content:center;margin-top:8px}.auth-switch{text-align:center;margin-top:20px}.auth-switch a{color:#70c8ff;font-weight:700}.about-hero{padding:clamp(38px,8vw,100px) 0 34px;max-width:1000px}.about-hero .lead{max-width:800px;line-height:2}.founder-panel{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:clamp(22px,5vw,58px);padding:clamp(24px,5vw,56px);border:1px solid rgba(109,191,255,.2);box-shadow:0 25px 90px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06);background:linear-gradient(135deg,rgba(17,35,59,.84),rgba(7,15,29,.72))}.founder-mark{width:170px;aspect-ratio:1;display:grid;place-content:center;border-radius:38px;font-size:4.5rem;font-weight:900;letter-spacing:-.09em;color:#f1f7ff;background:linear-gradient(145deg,#233a56,#081321 58%,#145da8);box-shadow:inset 0 2px 2px #ffffff55,0 20px 55px #007aff30;transform:rotate(-4deg)}.founder-mark span{color:#35b9ff}.founder-panel h2{font-size:clamp(1.7rem,3vw,2.6rem)}.founder-panel p{color:var(--muted,#aab8cc);line-height:2}.manifesto{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;overflow:hidden;border:1px solid rgba(100,185,255,.15);border-radius:30px;padding:clamp(25px,6vw,70px);background:radial-gradient(ellipse at 85% 50%,rgba(0,120,255,.19),transparent 55%),linear-gradient(120deg,rgba(10,22,39,.85),rgba(6,13,25,.7));box-shadow:0 30px 90px rgba(0,0,0,.22)}.manifesto-copy h2,.final-cta h2{font-size:clamp(2rem,4.5vw,4.2rem);line-height:1.35}.manifesto-copy p,.final-cta p{line-height:2;color:var(--muted,#aab8cc);max-width:600px}.manifesto-orb{min-height:290px;display:grid;place-items:center;position:relative}.manifesto-ring{position:absolute;width:min(75%,300px);aspect-ratio:1;border:1px solid #53bdff88;border-radius:50%;box-shadow:0 0 40px #168bff22,inset 0 0 45px #168bff13;animation:manifestoSpin 22s linear infinite}.manifesto-ring:before,.manifesto-ring:after{content:"";position:absolute;inset:12%;border:1px dashed #6bc8ff65;border-radius:50%}.manifesto-ring:after{inset:-8%;border-style:solid;border-color:#ffffff1c #42b7ff9c #ffffff16 #ffffff12}.manifesto-core{position:relative;display:grid;place-content:center;text-align:center;width:150px;aspect-ratio:1;border-radius:35px;background:linear-gradient(145deg,#253d59,#07111f 70%);box-shadow:0 20px 70px #007dff40,inset 0 1px #ffffff55;font-size:2rem;font-weight:900;letter-spacing:-.06em;transform:rotate(-7deg)}.manifesto-core span{color:#48bdff}.manifesto-core small{font-size:.55rem;letter-spacing:.14em;color:#9eb6d0;margin-top:10px}.final-cta{text-align:center;padding:clamp(45px,8vw,100px) 20px;margin:30px 0;border-radius:30px;background:radial-gradient(ellipse at 50% 100%,#0879d52b,transparent 60%)}.final-cta p{margin:0 auto 24px}.final-cta .actions{justify-content:center}
@keyframes manifestoSpin{to{transform:rotate(360deg)}}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr;gap:24px;padding-top:35px}.auth-intro h1,.about-hero h1{font-size:clamp(2.25rem,10vw,3.7rem)}.founder-panel{grid-template-columns:1fr}.founder-mark{width:115px;border-radius:26px;font-size:3.2rem}.manifesto{grid-template-columns:1fr}.manifesto-orb{min-height:230px}.auth-nav .btn{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.manifesto-ring{animation:none}}


/* AZTEAM V5 — responsive polish, profile and premium support cards */
.auth-nav{display:flex;align-items:center;gap:8px}
.profile-nav{margin-inline-start:-8px}
.profile-hero{display:flex;align-items:center;gap:22px;padding:38px 0 20px}
.profile-hero h1{margin:12px 0 4px}
.profile-avatar{width:88px;height:88px;flex:0 0 88px;display:grid;place-items:center;border-radius:27px;font-size:36px;font-weight:900;color:#eaf8ff;background:linear-gradient(145deg,#173a62,#087fe9 58%,#50d8ff);border:1px solid #7bd4ff88;box-shadow:0 18px 50px #008cff40,inset 0 1px #ffffff75;position:relative}
.profile-avatar:after{content:"";position:absolute;inset:-7px;border:1px solid #51baff33;border-radius:32px;animation:profilePulse 3.2s ease-in-out infinite}
@keyframes profilePulse{0%,100%{transform:scale(.98);opacity:.45}50%{transform:scale(1.04);opacity:1}}
.profile-stats{margin:18px 0 24px}
.stat-card{display:flex;flex-direction:column;gap:8px;min-height:150px;position:relative;overflow:hidden}
.stat-card:after{content:"";position:absolute;width:130px;height:130px;left:-42px;bottom:-70px;border-radius:50%;background:#168cff22;filter:blur(10px)}
.stat-card strong{font-size:30px;line-height:1.3;color:#f5fbff;text-shadow:0 0 25px #168cff55}
.stat-card span{font-size:12px;color:var(--muted)}
.profile-details{padding:clamp(18px,3vw,34px);margin-bottom:30px}
.profile-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 26px}
.profile-detail-grid>div{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:15px;background:linear-gradient(135deg,#ffffff07,#168cff08);border:1px solid var(--line);min-width:0}
.profile-detail-grid b{font-size:14px;overflow-wrap:anywhere}
.profile-detail-grid small{color:var(--muted);letter-spacing:0}
.contact-card,.ticket-list{border:1px solid #65c3ff28;background:linear-gradient(145deg,rgba(13,30,52,.92),rgba(6,15,28,.88));box-shadow:0 22px 65px #0004,0 0 35px #087cff0b,inset 0 1px #ffffff0b;border-radius:24px;position:relative;overflow:hidden}
.contact-card:before,.ticket-list:before{content:"";position:absolute;inset:0 15% auto;height:1px;background:linear-gradient(90deg,transparent,#51bfff99,transparent)}
.form label{display:block;margin:12px 0;color:#c8d8eb;font-size:12px}
.form input,.form textarea,.form select{width:100%;max-width:100%;margin-top:8px;padding:13px 14px;color:#f2f8ff;background:rgba(3,10,20,.75);border:1px solid #6da9df2e;border-radius:12px;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}
.form input:focus,.form textarea:focus,.form select:focus{border-color:#39baffaa;box-shadow:0 0 0 4px #168cff17,0 0 25px #168cff0e}
.form textarea{min-height:135px;resize:vertical}
.ticket{border:1px solid #6ca9df26;border-radius:15px;padding:14px;margin:12px 0;background:#07142699}
.ticket summary{cursor:pointer;font-weight:700;line-height:1.8}
.project,.feature,.panel{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.feature:hover,.project:hover,.panel:hover{border-color:#5ebeff45;box-shadow:0 22px 55px #0003,0 0 25px #168cff0c}
.final-cta{position:relative;overflow:hidden;border:1px solid #4dbaff30;border-radius:28px;padding:clamp(24px,5vw,58px);margin:45px 0;background:radial-gradient(ellipse at 50% 0%,#168cff21,transparent 60%),linear-gradient(145deg,#0c1c31cc,#07101dcc);box-shadow:0 25px 75px #0004,inset 0 1px #ffffff0a;text-align:center}
.final-cta h2{font-size:clamp(28px,4vw,48px);line-height:1.5}
.final-cta p{max-width:620px;margin:0 auto 22px;color:var(--muted)}
@media(max-width:900px){
 .nav{height:auto;min-height:70px;padding:12px 4%;gap:10px;flex-wrap:wrap}
 .nav nav{display:none;order:5;width:100%;padding:12px 0 5px;flex-direction:column;align-items:stretch;gap:3px}
 .nav nav.open{display:flex}
 .nav nav a{padding:11px 13px;border-radius:10px;background:#ffffff05;font-size:13px}
 .hamb{display:inline-flex;align-items:center;justify-content:center;order:3;margin-inline-start:auto}
 .brand{font-size:18px}.brand img{width:39px;height:39px}
 .nav>.btn,.nav>.profile-nav,.nav>.inline,.nav>.auth-nav{order:2}
 .auth-nav{gap:6px}.btn.mini{padding:8px 10px}
 .hero{grid-template-columns:1fr;gap:18px;padding-top:42px;padding-bottom:42px;min-height:unset}
 .hero-art{min-height:340px;max-width:600px;width:100%;margin:auto}
 .hero h1{font-size:clamp(38px,8vw,64px)}
 .wrap{padding-left:5%;padding-right:5%}
}
@media(max-width:600px){
 body{font-size:14px}
 .nav{padding:10px 4%;gap:7px}
 .brand{gap:7px;font-size:16px}
 .brand img{width:34px;height:34px;border-radius:10px}
 .nav>.btn.mini,.nav>.profile-nav{padding:8px;font-size:10px}
 .nav>.inline .btn{padding:7px 8px}
 .hamb{font-size:19px;padding:4px 8px}
 .wrap{padding-left:4.5%;padding-right:4.5%}
 .hero{padding-top:30px}
 .hero h1{font-size:clamp(34px,10vw,48px);line-height:1.48}
 .hero p,.lead{font-size:14px;line-height:2}
 .hero-art{min-height:280px}
 .stats{gap:12px;flex-wrap:wrap}
 .stats>div{min-width:76px}
 .grid,.grid.two,.grid.three{grid-template-columns:1fr!important;gap:13px}
 .section{padding-top:30px;padding-bottom:30px}
 .section-head{gap:12px;align-items:flex-start}
 .section-head h2{font-size:25px}
 .panel,.feature,.project{padding:19px;border-radius:18px}
 .btn{max-width:100%;padding:12px 15px}
 .actions{display:flex;flex-wrap:wrap;gap:9px}
 .actions .btn{flex:1 1 140px}
 .auth-layout{grid-template-columns:1fr!important;gap:18px!important;padding-top:28px!important}
 .auth-intro h1{font-size:34px;line-height:1.5}
 .auth-card{width:100%;max-width:none}
 .profile-hero{align-items:flex-start;gap:15px;padding-top:26px}
 .profile-avatar{width:64px;height:64px;flex-basis:64px;border-radius:20px;font-size:28px}
 .profile-avatar:after{border-radius:24px}
 .profile-hero h1{font-size:29px}
 .profile-stats{grid-template-columns:1fr 1fr!important}
 .stat-card{min-height:125px;padding:16px}
 .stat-card strong{font-size:24px}
 .profile-detail-grid{grid-template-columns:1fr;gap:9px}
 .profile-detail-grid>div{padding:13px}
 .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 table{min-width:600px}
 input,select,textarea,button{font-size:16px}
 .final-cta{margin:25px 0;padding:24px 17px;border-radius:21px}
 .final-cta h2{font-size:28px}
 footer{gap:10px;flex-wrap:wrap;padding:22px 0;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}


/* AZTEAM V6 visual polish: layered luminous background, premium cards, responsive admin UI */
:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
body { position:relative; isolation:isolate; background:#050a12; }
body:before {
 content:""; position:fixed; inset:0; z-index:-2; pointer-events:none;
 background:
   radial-gradient(ellipse at 14% 12%, rgba(0,132,255,.19), transparent 36%),
   radial-gradient(ellipse at 86% 18%, rgba(92,205,255,.11), transparent 32%),
   radial-gradient(ellipse at 52% 90%, rgba(24,77,160,.15), transparent 42%),
   linear-gradient(135deg,#050a12 0%,#081426 48%,#060b14 100%);
}
body:after {
 content:""; position:fixed; inset:-30%; z-index:-1; pointer-events:none; opacity:.27;
 background-image:radial-gradient(rgba(145,205,255,.55) .7px, transparent .7px);
 background-size:38px 38px;
 mask-image:linear-gradient(to bottom,black,transparent 88%);
 animation:azGridDrift 38s linear infinite;
}
@keyframes azGridDrift { from{transform:translate3d(0,0,0)} to{transform:translate3d(38px,38px,0)} }
@keyframes azGlowPulse { 0%,100%{opacity:.5;transform:scale(.98)} 50%{opacity:1;transform:scale(1.03)} }
.panel,.feature,.project,.auth-card,.ticket,.contact-card,.ticket-list {
 background:linear-gradient(145deg,rgba(15,31,51,.88),rgba(7,15,28,.91));
 border:1px solid rgba(115,190,255,.18);
 box-shadow:0 18px 55px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.055);
 backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
}
.panel,.feature,.project,.auth-card { border-radius:22px; }
.feature,.project { position:relative; overflow:hidden; }
.feature:before,.project:before {
 content:"";position:absolute;inset:0 20% auto;height:1px;
 background:linear-gradient(90deg,transparent,rgba(103,202,255,.75),transparent);
}
.feature:hover,.project:hover,.panel:hover {
 transform:translateY(-3px);border-color:rgba(80,184,255,.42);
 box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 34px rgba(0,132,255,.10),inset 0 1px rgba(255,255,255,.08);
}
.btn { box-shadow:0 8px 24px rgba(0,119,255,.15); transition:transform .22s,box-shadow .22s,filter .22s; }
.btn:hover { transform:translateY(-2px);box-shadow:0 13px 34px rgba(0,132,255,.25);filter:brightness(1.07); }
h1,h2,h3 { text-wrap:balance; }
.hero h1 { text-shadow:0 8px 48px rgba(38,148,255,.17); }
.admin-grid,.dashboard-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.admin-action,.admin-stat { min-width:0;border-radius:18px;padding:20px;background:linear-gradient(145deg,#10243aee,#081321ee);border:1px solid #72bfff24;box-shadow:0 14px 38px #0003,inset 0 1px #ffffff09; }
.admin-stat strong { display:block;font-size:clamp(25px,3vw,36px);color:#eaf7ff;text-shadow:0 0 25px #168cff55; }
.admin-action a { color:#8edaff; }
table { width:100%; border-collapse:separate;border-spacing:0; }
th { color:#9edcff;background:#0d2035; }
td,th { padding:13px 14px;border-bottom:1px solid #9acfff18;text-align:right; }
tr:hover td { background:#168cff08; }
@media(max-width:760px) {
 .admin-grid,.dashboard-grid { grid-template-columns:1fr;gap:12px; }
 .panel,.feature,.project { border-radius:17px; }
}
@media(prefers-reduced-motion:reduce) {
 html{scroll-behavior:auto}
 body:after{animation:none}
 *,*:before,*:after{transition:none!important}
}


/* V7 admin workspace: ticket inbox and client directory */
.admin-heading{padding:26px 0 10px}
.admin-heading h1{margin:12px 0}
.ticket-admin-list{display:grid;gap:18px;margin:22px 0 38px}
.ticket-admin-card{padding:clamp(16px,3vw,26px);min-width:0}
.ticket-admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:17px;border-bottom:1px solid #78bdff24}
.ticket-admin-head h3{margin:7px 0}
.ticket-admin-head p{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.status-pill{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 11px;border-radius:999px;border:1px solid #53baff45;background:#1489ff13;color:#a9e1ff;font-size:11px}
.ticket-thread{display:grid;gap:12px;padding:18px 0}
.ticket-message{padding:14px 16px;border-radius:15px;border:1px solid #6ebeff20;background:#071425a8;min-width:0}
.ticket-message p{margin:8px 0 0;line-height:2;overflow-wrap:anywhere}
.ticket-message b{font-size:12px;color:#ccecff}
.staff-message{margin-right:clamp(0px,5vw,42px);background:linear-gradient(140deg,#0b2946b8,#081727c9);border-color:#39aaff3b}
.client-message{margin-left:clamp(0px,5vw,42px)}
.ticket-reply-form{padding-top:12px;border-top:1px solid #75bdff20}
.empty-state{text-align:center;padding:38px 20px}
.admin-customers{margin-top:36px}
.admin-customers .table-wrap{border-radius:20px;overflow-x:auto}
.admin-links{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
@media(max-width:600px){
 .ticket-admin-head{flex-direction:column;gap:8px}
 .ticket-admin-head h3{font-size:18px}
 .ticket-message{padding:12px}
 .staff-message{margin-right:8px}
 .client-message{margin-left:8px}
 .admin-heading h1{font-size:30px}
}


/* AZTEAM refinement: preserve the original visual identity, improve hierarchy and mobile usability */
:root{scroll-behavior:smooth;background:#050b15;color-scheme:dark} html{background:#050b15;min-height:100%;overscroll-behavior-y:none} body{background-color:#050b15;min-height:100vh;min-height:100dvh;overscroll-behavior-y:none} .panel,.feature,.project,.founder-panel{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .panel:hover,.feature:hover,.project:hover{transform:translateY(-3px);box-shadow:0 16px 42px rgba(23,65,115,.10)} .btn{transition:transform .18s ease,box-shadow .18s ease,background .18s ease} .btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(35,110,210,.20)} .form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:#4d91e8;box-shadow:0 0 0 3px rgba(77,145,232,.14)} .order-form{margin-top:18px;padding:18px;border:1px solid rgba(77,145,232,.20);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,247,255,.92))}.order-form h3{margin-top:0}.plan-card{display:flex;flex-direction:column}.plan-card .order-form{margin-top:auto}.table-wrap{max-width:100%;overflow-x:auto} table{min-width:640px} img{max-width:100%;height:auto} @media(max-width:640px){.order-form{padding:14px}.order-form .btn{width:100%;white-space:normal}.actions{flex-wrap:wrap}.actions .btn{flex:1 1 150px;text-align:center}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* AZTEAM refinement v11: preserve the original dark-blue identity */
:root{--field-bg:#102c4c;--field-line:rgba(148,202,255,.25);--field-text:#f5f9ff}
input,select,textarea{background:linear-gradient(145deg,#102b49,#17395d)!important;color:var(--field-text)!important;border:1px solid var(--field-line)!important;border-radius:14px!important;box-shadow:inset 0 1px 3px #06172a55!important}
input::placeholder,textarea::placeholder{color:#a8bfd7!important;opacity:.9}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#23baff!important;box-shadow:0 0 0 3px #18aaff25,0 0 22px #18aaff12!important}
label{gap:9px!important}
label small,.muted{color:#adc4df}
form,.form-card,.ticket-form,.suggestion-form{border-radius:24px!important}
button.btn,.btn{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
button.btn:hover,.btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 9px 24px #069dff30}
footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:38px 0 12px!important;padding:22px 26px!important;border:1px solid rgba(150,202,255,.22)!important;border-radius:22px!important;background:linear-gradient(120deg,rgba(11,34,59,.97),rgba(23,57,91,.94))!important;box-shadow:0 14px 35px #04101e35!important;color:#dcecff!important}
footer a{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border:1px solid #55baff55;border-radius:12px;color:#e8f6ff!important;text-decoration:none;background:#1489d51a}
footer a:hover{background:#168cff30;border-color:#43bdff}
.hero{overflow:hidden}
.hero h1{line-height:1.55;letter-spacing:-.4px}
.hero p{line-height:2}
.card,.panel,.plan,.ticket,.suggestion,.pricing-card{border-radius:22px!important}
@media(max-width:640px){footer{justify-content:center;text-align:center;padding:18px!important}footer>*{width:100%;text-align:center}input,select,textarea{font-size:16px!important;min-height:48px}textarea{min-height:120px}}

/* V12 refinements: readable selects, skill marquee, toast and social links */
.nav select,.form select,select{color:#eaf6ff!important;background:#10243a!important;border:1px solid #4c83b5!important;color-scheme:dark}select option{background:#10243a!important;color:#f1f8ff!important}.notice:not(:empty){position:fixed;z-index:1000;top:96px;left:22px;max-width:min(440px,calc(100vw - 32px));padding:15px 20px;border:1px solid #48d9b0aa;border-radius:16px;background:linear-gradient(135deg,#0d2f3cF2,#10233cf5);color:#eafff7;box-shadow:0 18px 55px #0008,0 0 28px #24cda52b;animation:toastIn .5s cubic-bezier(.2,.8,.2,1) both}.notice:not(:empty):before{content:'✓';display:inline-grid;place-items:center;margin-left:9px;width:24px;height:24px;border-radius:50%;background:#20b9812e;color:#7fffd0}.home-skills{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 12px;max-width:610px}.home-skills span{display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;border:1px solid #4cbaff55;background:linear-gradient(120deg,#102d4bba,#0a1728e8);color:#c8edff;font-size:11px;font-weight:800;box-shadow:0 8px 25px #007bff14;animation:skillFloat 4.5s ease-in-out infinite}.home-skills span:nth-child(2n){animation-delay:-1.5s}.home-skills span:nth-child(3n){animation-delay:-2.7s}.footer-socials{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:24px auto 12px;padding:0 12px}.footer-socials a,.social-links a{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border:1px solid #5ebeff35;border-radius:12px;background:linear-gradient(135deg,#122a43d9,#0a1627e8);color:#d9efff;font-size:12px;font-weight:700;box-shadow:0 8px 25px #0002;transition:transform .25s,border-color .25s,background .25s}.footer-socials a:hover,.social-links a:hover{transform:translateY(-3px);border-color:#4fcaffaa;background:#123a5c;color:white}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}footer{gap:18px;align-items:center;justify-content:space-between}footer span:nth-child(3){color:#9cc8e7;font-size:11px}@keyframes toastIn{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:none}}@keyframes skillFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:700px){.notice:not(:empty){top:78px;left:12px;right:12px;max-width:none}.footer-socials{gap:7px}.footer-socials a{padding:9px 11px;font-size:11px}footer{justify-content:center;text-align:center}.home-skills{gap:7px}.home-skills span{padding:7px 10px}}

/* V13 mobile viewport, dark theme and order form contrast fixes */
html,body{background-color:#050b15!important}
body{color:#f4f8ff;overflow-x:clip}
#starfield{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.order-form{background:linear-gradient(145deg,rgba(8,22,39,.96),rgba(12,34,57,.94))!important;border-color:rgba(91,177,245,.32)!important;color:#f4f8ff!important;box-shadow:0 14px 35px rgba(0,0,0,.22)!important}
.order-form h3,.order-form label,.order-form p,.order-form small{color:#e5f3ff!important}
.order-form input,.order-form textarea,.order-form select{background:linear-gradient(145deg,#102b49,#17395d)!important;color:#f5f9ff!important}
.table-wrap{background:rgba(8,20,36,.75);border:1px solid rgba(122,177,231,.18);border-radius:16px}
table{color:#eaf4ff}
th{color:#a9dcff;background:#102640}
td{color:#e4efff}
@media(max-width:760px){
 .nav{padding-left:14px;padding-right:14px;gap:8px}
 .nav nav{display:none;position:absolute;top:calc(100% + 1px);left:10px;right:10px;padding:14px;border:1px solid rgba(122,177,231,.25);border-radius:16px;background:rgba(5,13,25,.98);box-shadow:0 18px 40px #0008;backdrop-filter:blur(18px);flex-direction:column;align-items:stretch;max-height:calc(100dvh - 100px);overflow-y:auto}
 .nav nav.open{display:flex}
 .nav nav a{font-size:14px;padding:11px 12px}
 .hamb{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
 .brand{font-size:18px;gap:7px}
 .brand img{width:38px;height:38px}
 .auth-nav{display:flex;gap:6px;align-items:center}
 .auth-nav .btn{padding:9px 10px;font-size:10px}
 .wrap{padding-left:16px;padding-right:16px}
 .hero-art>img{mix-blend-mode:normal}
}
@media(prefers-reduced-motion:reduce){.ambient,.home-skills span{animation:none!important}}

/* Transparent AZTEAM logo fix: remove the white image tile */
.brand img{object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
.hero-art>img{object-fit:contain;background:transparent;border:0!important;border-radius:0!important;box-shadow:0 18px 55px #168cff16!important;padding:0;mix-blend-mode:normal}