:root{--bg:#061222;--bg2:#091b30;--panel:#0d2239;--line:rgba(132,190,232,.17);--blue:#59c8ff;--blue2:#9ce3ff;--white:#edf7ff;--muted:#8ba4ba;--font:'Inter',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);line-height:1.6}a{color:inherit;text-decoration:none}.nav{height:76px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:rgba(5,17,31,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.wordmark{font:700 17px var(--display);letter-spacing:.12em}.wordmark span{color:var(--blue)}.nav-links{display:flex;gap:25px}.nav-links a{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#b9cbd9;transition:.25s}.nav-links a:hover,.footer a:hover{color:var(--blue)}.menu-toggle{display:none;background:none;color:white;border:0;font-size:24px}
.hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;padding:130px 12vw 100px;background:radial-gradient(ellipse at 72% 42%,#10385a 0%,#091d33 34%,#061222 72%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(104,186,231,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(104,186,231,.06) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000)}.hero-grid:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 45%,rgba(73,185,255,.08) 45.1%,transparent 45.4%),linear-gradient(35deg,transparent 67%,rgba(73,185,255,.1) 67.1%,transparent 67.3%)}.hero-orb{position:absolute;width:430px;height:430px;border:1px solid rgba(97,204,255,.25);border-radius:50%;right:9%;top:23%;box-shadow:0 0 80px rgba(33,153,231,.12),inset 0 0 80px rgba(33,153,231,.1)}.hero-orb:before,.hero-orb:after{content:"";position:absolute;border:1px solid rgba(97,204,255,.18);border-radius:50%;inset:38px}.hero-orb:after{inset:92px;border-style:dashed}.hero-content{position:relative;z-index:2;max-width:720px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.22em;color:var(--blue);font-weight:600}.hero h1{font:700 clamp(48px,8vw,104px)/.98 var(--display);letter-spacing:-.07em;margin:24px 0 18px}.hero h1 span,h2 span{color:var(--blue)}.tagline{font:500 clamp(15px,2vw,21px) var(--display);letter-spacing:.04em}.tagline i{font-style:normal;color:var(--blue)}.hero-copy{color:var(--muted);margin:22px 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 19px;border:1px solid var(--line);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.25s}.btn b{font-size:16px}.btn.primary{background:var(--blue);color:#041526;border-color:var(--blue);font-weight:700}.btn.primary:hover{background:var(--blue2);box-shadow:0 0 28px #59c8ff44}.btn.ghost:hover{border-color:var(--blue);color:var(--blue)}.hero-index{position:absolute;right:6vw;bottom:64px;color:var(--blue);font:600 12px var(--display)}.hero-index span{color:var(--muted)}.scroll-cue{position:absolute;bottom:62px;left:12vw;font-size:9px;letter-spacing:.18em;color:var(--muted);display:flex;align-items:center;gap:14px}.scroll-cue span{height:1px;width:55px;background:var(--blue)}
.section{padding:120px 12vw;position:relative;border-top:1px solid var(--line)}.intro{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:start;background:linear-gradient(110deg,#08192a,#071426)}.section-kicker{padding-top:9px}.section-body{max-width:650px}.section h2{font:600 clamp(34px,5vw,58px)/1.08 var(--display);letter-spacing:-.05em;margin:16px 0 20px}.lead{font-size:17px;color:#b2c5d5;max-width:620px}.text-link{display:inline-block;margin-top:22px;color:var(--blue);font-size:12px}.intro-mark{font:700 86px var(--display);color:#143653;text-align:right}.intro-mark span{color:var(--blue)}
.projects{background:#071426}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-head .muted{max-width:260px;font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{min-width:0}.card-art{height:270px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0d2b47,#08182a);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:22px;transition:.3s}.card-art:hover{border-color:#59c8ff88;transform:translateY(-5px)}.card-art span{font:11px var(--display);color:var(--blue)}.card-art b{font:600 15px var(--display);letter-spacing:.12em}.art-circuit:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,#49baff24 50%,transparent 51%),linear-gradient(transparent 49%,#49baff24 50%,transparent 51%);background-size:42px 42px;transform:perspective(400px) rotateX(35deg) scale(1.5)}.art-lines:before{content:"";position:absolute;inset:-40%;background:repeating-linear-gradient(125deg,transparent 0 22px,#4dbdff25 23px 24px,transparent 25px 48px);transform:rotate(-8deg)}.art-3d:before{content:"";position:absolute;width:160px;height:160px;right:18%;top:20%;border:1px solid #6ad0ff88;transform:rotate(45deg);box-shadow:0 0 35px #4dbdff33,inset 0 0 35px #4dbdff22}.card-art>*{position:relative}.card-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:17px 2px}.card-meta h3{font:600 13px var(--display);letter-spacing:.04em}.card-meta span{font-size:10px;color:var(--muted)}
.catalog{background:linear-gradient(120deg,#0a2036,#071426)}.catalog-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.catalog h2{margin-bottom:10px}.catalog .muted,.contact .muted{max-width:520px}.contact{display:grid;grid-template-columns:1fr 2fr;background:#061222}.contact-inner h2{margin-top:16px}.contact-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:34px}.contact-links a{font-size:12px;color:var(--blue);border-bottom:1px solid #59c8ff55;padding-bottom:5px}.footer{padding:60px 8vw 22px;background:#040d18;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;padding-bottom:48px}.footer-brand p{font-size:12px;color:#b1c4d3;margin:12px 0 0}.footer-brand .small{font-size:11px;color:var(--muted)}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h4{font:600 10px var(--display);letter-spacing:.16em;color:var(--blue);margin:4px 0 8px}.footer-col a{font-size:11px;color:#9db1c2}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.1em;color:#70879b}.footer-bottom b{color:var(--blue)}
.muted{color:var(--muted)}.reveal{animation:rise .9s both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:900px){.nav-links{gap:12px}.nav-links a{font-size:9px}.hero-orb{right:-180px;opacity:.55}.project-grid{grid-template-columns:1fr 1fr}.intro{grid-template-columns:1fr 2fr}.intro-mark{display:none}.section{padding:90px 8vw}}@media(max-width:680px){.nav{height:66px;padding:0 6vw}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:66px;left:0;right:0;padding:20px 7vw 25px;background:#07182a;border-bottom:1px solid var(--line);flex-direction:column;gap:16px}.nav-links.open{display:flex}.nav-links a{font-size:11px}.hero{padding:120px 8vw 110px}.hero h1{font-size:clamp(46px,13vw,72px)}.hero-orb{width:300px;height:300px;top:25%;right:-210px}.scroll-cue{left:8vw}.section{padding:76px 8vw}.intro,.contact{display:block}.section-kicker{margin-bottom:36px}.section-head,.catalog-inner{display:block}.section-head .muted{margin-top:20px}.project-grid{grid-template-columns:1fr}.card-art{height:230px}.catalog .btn{margin-top:24px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.contact-links{gap:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.admin-body{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#123657,#061222 55%)}.admin-wrap{max-width:760px;margin:0 auto;padding:54px 24px}.admin-panel{margin-top:48px;padding:38px;background:#0a1d31;border:1px solid var(--line);box-shadow:0 24px 80px #0004}.admin-panel h1{font:600 42px var(--display);margin:12px 0}.admin-panel h1 span{color:var(--blue)}.admin-panel form{display:grid;gap:18px;margin-top:28px}.admin-panel label{display:grid;gap:8px;color:#b6c8d8;font-size:12px}.admin-panel input{padding:13px;background:#061426;border:1px solid var(--line);color:white;font:14px var(--font);outline:none}.admin-panel input:focus{border-color:var(--blue)}.admin-panel form .btn{width:max-content}.form-message{font-size:12px;color:var(--blue)}.admin-foot{text-align:center;color:var(--muted);font-size:10px;margin-top:24px}.admin-welcome{display:flex;align-items:center;justify-content:space-between}.admin-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.admin-modules div{padding:16px;background:#102943;border:1px solid var(--line);font-size:12px;color:#c8d8e6}@media(max-width:600px){.admin-panel{padding:24px}.admin-modules{grid-template-columns:1fr 1fr}}
