:root{--bg:#070d1c;--panel:#0e1930;--line:#26385b;--text:#f4f7ff;--muted:#9eafc9;--cyan:#00d9ff;--violet:#8054ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.container{width:min(1250px,92%);margin:auto}.header{height:85px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4%;position:sticky;top:0;z-index:30;background:#070d1ce8;backdrop-filter:blur(18px);border-bottom:1px solid #18243b}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:2px;line-height:1.05;font-size:20px;white-space:nowrap}.brand small{display:block;letter-spacing:8px;color:#a3b5ff;font-size:11px;margin-top:5px}.mark{font-size:44px;font-style:italic;line-height:1;background:linear-gradient(125deg,var(--cyan),#1674ff,var(--violet));color:transparent;background-clip:text;position:relative}.mark span{position:absolute;font-size:12px;right:-8px;top:0;color:#dff}nav{display:flex;gap:24px}nav a{font-size:14px;color:#c4cee2;transition:color .2s}nav a:hover{color:var(--cyan)}.actions{display:flex;gap:12px;align-items:center}.lang,.hamb{background:transparent;border:1px solid #354767;border-radius:20px;color:white;padding:8px 12px}.hamb{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;color:white;background:linear-gradient(105deg,#00c9e8,#126bff,#8054ff);border-radius:14px;padding:15px 24px;font-weight:700;box-shadow:0 8px 35px #165eff33;transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-3px);filter:brightness(1.1)}.btn.small{padding:10px 17px;font-size:13px}.btn.outline{background:transparent;border:1px solid #546a91;box-shadow:none}.glow{position:absolute;pointer-events:none;filter:blur(90px);border-radius:50%;opacity:.2}.glow-one{width:500px;height:500px;background:#004dff;top:100px;right:-200px}.glow-two{width:400px;height:400px;background:#6b28ff;top:650px;left:-250px}.hero{min-height:700px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding-top:65px;padding-bottom:80px;position:relative}.eyebrow{display:inline-block;border:1px solid #36527d;border-radius:100px;padding:7px 14px;font-size:13px;color:#c9d8ef}.overline,.kicker{display:block;color:#6fcfff;font-size:11px;letter-spacing:3px;font-weight:700;margin:25px 0 12px}h1,h2,p{margin-top:0}h1{font-size:clamp(39px,4.4vw,68px);line-height:1.1;letter-spacing:-2.7px;margin-bottom:24px}h1 span{background:linear-gradient(110deg,#fff,#00d9ff,#8e62ff);color:transparent;background-clip:text}.lead{font-size:18px;color:#b3c1da;max-width:600px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0}.hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:38px}.hero-pills span{font-size:12px;padding:7px 12px;background:#0d1a33;border:1px solid #243c62;border-radius:50px;color:#afc5e7}.hero-art{height:540px;position:relative;display:grid;place-items:center}.orb{width:440px;height:440px;position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,#17ccff 0%,#0947af 25%,#07132c 55%,#070d1c 70%);box-shadow:0 0 90px #006fff66,inset -30px -35px 65px #030711;border:1px solid #1f91fc}.orb:after{content:"";position:absolute;inset:12%;border:1px dashed #2a91ff80;border-radius:50%}.orbit{position:absolute;width:530px;height:180px;border:2px solid #5e61ff;border-radius:50%;transform:rotate(-27deg);box-shadow:0 0 25px #006aff80}.orbit-b{transform:rotate(37deg);border-color:#00d9ff66}.dashboard{width:340px;position:relative;z-index:2;padding:18px;border:1px solid #5288e7;border-radius:18px;background:linear-gradient(145deg,#101e3bf5,#081126f2);box-shadow:0 30px 80px #000b,0 0 40px #005dff44;transform:rotate(-4deg)}.dash-top{display:flex;justify-content:space-between;font-size:9px;color:#6fa8ed;border-bottom:1px solid #243c60;padding-bottom:9px}.dash-title{font-weight:700;margin:15px 0}.live{float:right;color:#5fffc6;font-size:9px}.dash-grid{display:flex;gap:12px}.metric{flex:1;border:1px solid #223e64;background:#122443;padding:10px;border-radius:8px}.metric small,.metric span{display:block;color:#8baad0;font-size:10px}.metric b{font-size:24px}.dashboard svg{width:100%;margin-top:10px}.dash-bars{height:45px;display:flex;gap:8px;align-items:end}.dash-bars i{flex:1;background:linear-gradient(var(--cyan),var(--violet));border-radius:3px 3px 0 0}.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#10264bdc;border:1px solid #2e86c9;border-radius:12px;box-shadow:0 15px 30px #0008;color:#31ddff;font-size:22px}.float-card span{font-size:12px;color:white}.float-card small{color:#a9c1e5}.card-a{top:70px;left:0}.card-b{top:120px;right:-8px}.card-c{bottom:70px;left:30px}.section{padding:85px 0;position:relative}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-head h2,.about h2,.contact h2{font-size:clamp(29px,3.4vw,44px);line-height:1.15;margin:0}.section-head p{max-width:390px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service{min-height:225px;padding:27px;border-radius:19px;border:1px solid #2b426d;background:linear-gradient(145deg,#132447,#0a1428);transition:transform .25s,border-color .25s,box-shadow .25s}.service:hover{transform:translateY(-8px);border-color:#8060ff;box-shadow:0 18px 40px #4a22e52c}.service .ico{display:inline-grid;place-items:center;width:49px;height:49px;border-radius:12px;background:#123d6c;color:#20dcff;font-size:25px;margin-bottom:17px}.service h3{font-size:19px;margin:0 0 8px}.service p{font-size:14px;color:#aabbd6}.tech{border-top:1px solid #1c2d49}.stack-list{display:flex;gap:13px;flex-wrap:wrap}.stack-list span{padding:16px 20px;background:#101e38;border:1px solid #29446d;border-radius:13px;font-weight:700}.fine{font-size:12px;color:#8193b1;margin-top:20px}.filters{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.filters button{background:#101c35;color:#b9c7e1;border:1px solid #2d4060;border-radius:50px;padding:9px 17px}.filters button.active{background:#146ce9;color:white;border-color:#146ce9}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{border:1px solid #2a4269;border-radius:18px;overflow:hidden;background:#101d34}.project-art{height:185px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 35%,#1374ae,#0b1b38 60%,#090e20)}.project-art:after{content:"";width:230px;height:230px;border:1px solid #1ca9ff88;border-radius:50%;position:absolute;right:-60px;top:-75px}.project-art span{font-size:48px;z-index:1;filter:drop-shadow(0 5px 20px #00d9ff55)}.project:nth-child(2) .project-art{background:radial-gradient(circle,#6c3b80,#22122d 70%)}.project:nth-child(3) .project-art{background:radial-gradient(circle,#117b9a,#0d2434 70%)}.project-info{padding:22px}.project-info h3{margin:0 0 6px}.project-info p{color:#a4b5d2;font-size:14px}.tag{font-size:10px;color:#7edcff;letter-spacing:2px}.about{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.about-panel{padding:35px;border:1px solid #30496d;border-radius:22px;background:linear-gradient(135deg,#142647,#0a1427)}.about-panel p{color:#b6c4dc;margin:25px 0}.values{display:flex;gap:16px;flex-wrap:wrap}.values span{border:1px solid #29466e;border-radius:10px;padding:10px 13px;color:#71cfff}.values b{color:white;font-size:13px}.about-visual{height:330px;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#122d5a,#080f20 70%);border:1px solid #1f3b63;border-radius:24px}.cube{font-size:150px;line-height:1;font-weight:900;font-style:italic;color:transparent;background:linear-gradient(120deg,#00e2ff,#125aff,#8d4cff);background-clip:text;filter:drop-shadow(0 0 24px #006aff)}.about-visual p{color:#8eabd1;letter-spacing:5px;font-size:12px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:120px}.contact-copy p{color:#b0c2de;margin:25px 0}.contact-note{font-size:13px;color:#8198b9;border-left:2px solid #14aaff;padding-left:14px}form{background:#0f1b33;border:1px solid #2b4369;border-radius:20px;padding:26px;display:grid;gap:15px}label{display:grid;gap:6px;font-size:13px;color:#b9c9e0}input,select,textarea{width:100%;background:#071124;color:#fff;border:1px solid #344c70;border-radius:10px;padding:12px;resize:vertical}form .btn{width:100%}.footer{padding:35px 0;border-top:1px solid #1d2d49;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#92a8c8;font-size:12px}.footer .brand{color:white}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){nav{gap:12px}.hero{gap:10px}.service-grid,.projects{grid-template-columns:repeat(2,1fr)}.orb{width:350px;height:350px}.orbit{width:420px}.dashboard{width:295px}.header{padding:0 3%}.header .btn{display:none}}@media(max-width:760px){.header{height:72px}.brand{font-size:15px}.mark{font-size:35px}.hamb{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b152a;flex-direction:column;padding:22px;border-bottom:1px solid #2d4467}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:45px;min-height:auto}.hero-art{height:400px}.orb{width:300px;height:300px}.orbit{width:340px;height:120px}.dashboard{width:255px}.card-a{top:10px}.card-b{right:0;top:65px}.card-c{bottom:10px}.section{padding:65px 0}.section-head{display:block}.service-grid,.projects{grid-template-columns:1fr}.about,.contact{grid-template-columns:1fr;gap:25px}.about-visual{height:240px}.footer{flex-wrap:wrap}.hero-pills{margin-top:15px}h1{letter-spacing:-1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.service{transition:none}}