/* Zorpt · shared styles */
:root{--ob:#040A1C;--gm:#0A1430;--gr:#13224A;--ti:#7F93B8;--pl:#C4D3F0;--ice:#5BDFFF;--ice2:#1E90FF;--deep:#0A5BE0;--wh:#F4F8FF;--hair:rgba(120,170,255,.16);--glow:rgba(43,184,255,.55);--head:"Unbounded","Segoe UI",system-ui,sans-serif;--body:"Manrope","Segoe UI",system-ui,sans-serif;--pad:clamp(20px,5vw,72px)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ob);color:var(--wh);font:400 1rem/1.7 var(--body);min-height:100vh;overflow-x:hidden;position:relative}
body:before{content:"";position:fixed;inset:-20%;z-index:-2;background:radial-gradient(40% 35% at 80% 8%,rgba(30,144,255,.38),transparent 70%),radial-gradient(35% 30% at 10% 35%,rgba(91,223,255,.2),transparent 70%),radial-gradient(45% 35% at 70% 95%,rgba(10,91,224,.35),transparent 70%);animation:drift 18s ease-in-out infinite alternate}
body:after{content:"";position:fixed;inset:0;z-index:-1;background-image:radial-gradient(rgba(150,190,255,.14) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(70% 60% at 50% 20%,#000,transparent);mask-image:radial-gradient(70% 60% at 50% 20%,#000,transparent)}
@keyframes drift{to{transform:translate3d(-3%,2%,0) scale(1.08)}}
a{color:var(--ice)}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,.drop:focus-visible{outline:2px solid var(--ice);outline-offset:3px}
.wrap{max-width:1120px;margin:auto;padding:0 var(--pad)}
nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0}
.logo{display:flex;align-items:center;gap:12px;font:700 21px var(--head);letter-spacing:-.02em;color:var(--wh);text-decoration:none}
.logo img{width:34px;height:auto;filter:drop-shadow(0 0 12px var(--glow))}
nav a.l{font:600 12px var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--pl);text-decoration:none;transition:.2s}
nav a.l:hover{color:var(--ice);text-shadow:0 0 14px var(--glow)}
.eyebrow{font:600 11px var(--head);letter-spacing:.3em;text-transform:uppercase;color:var(--ice);margin-bottom:18px;text-shadow:0 0 18px var(--glow)}
h1{font:800 clamp(34px,7.4vw,86px)/1.02 var(--head);letter-spacing:-.045em;margin:0 auto 22px}
h1 span{display:inline-block}
h1 em{font-style:normal;background:linear-gradient(95deg,var(--ice) 0%,var(--ice2) 55%,var(--deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px var(--glow))}
.sub{max-width:52ch;margin:0 auto 38px;color:var(--pl);font-size:clamp(1rem,1.6vw,1.2rem)}
.card{position:relative;background:linear-gradient(160deg,rgba(19,34,74,.62),rgba(8,16,40,.7));border:1px solid var(--hair);border-radius:22px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:clamp(18px,3vw,32px);max-width:860px;margin:auto;text-align:left;box-shadow:0 30px 80px -40px rgba(30,144,255,.6),inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .25s,box-shadow .25s}
.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(91,223,255,.16),transparent 60%)}
.card:hover{border-color:rgba(91,223,255,.5);box-shadow:0 30px 90px -30px var(--glow),inset 0 1px 0 rgba(255,255,255,.08)}
.card:hover:before{opacity:1}
.btn{border-radius:999px;padding:13px 24px;font:600 11.5px var(--head);letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(120,170,255,.35);background:rgba(19,34,74,.6);transition:.25s}
.btn:hover{border-color:var(--ice);box-shadow:0 8px 28px -8px var(--glow);transform:translateY(-1px)}
.btn.p{background:linear-gradient(120deg,var(--ice),var(--ice2) 60%,var(--deep));color:#021030;border:0;box-shadow:0 10px 34px -10px var(--glow),inset 0 1px 0 rgba(255,255,255,.4)}
.btn.p:hover{box-shadow:0 14px 44px -6px var(--glow),0 0 0 4px rgba(91,223,255,.15)}
h3{font:700 13px var(--head);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;color:var(--ice);text-shadow:0 0 16px var(--glow)}
footer{text-align:center;color:var(--ti);font-size:13px;padding:70px 0 44px}
footer img{width:34px;display:block;margin:0 auto 12px;filter:drop-shadow(0 0 12px var(--glow))}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--gr);border:1px solid var(--ice);padding:12px 20px;border-radius:12px;opacity:0;pointer-events:none;transition:.3s;font-size:14px;z-index:20;max-width:90vw;box-shadow:0 0 30px -6px var(--glow)}
.toast.on{opacity:1;transform:translate(-50%,0)}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}