:root{color-scheme:dark;font-family:"Segoe UI Variable Text","Segoe UI",sans-serif;background:#070d18;color:#edf7ff}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 80% 18%,#123e52 0,transparent 48%),radial-gradient(ellipse at 8% 90%,#20224b 0,transparent 55%),#070d18}main{max-width:1280px;margin:auto;padding:9vh 7vw;position:relative;overflow:hidden;min-height:100svh}.eyebrow{font-size:11px;letter-spacing:.22em;color:#b4cfda}h1{font-size:clamp(40px,5.3vw,76px);font-weight:400;letter-spacing:-.05em;line-height:1.08;margin:12vh 0 24px;max-width:700px}h1 span{color:#74e8ed}.intro{color:#a9bfce;font-size:17px}section{position:relative;width:min(420px,100%);margin:60px 0 25px;padding:32px;border:1px solid #a8eaff35;border-radius:22px;background:linear-gradient(135deg,#b4dcf51c,#0b192bba);backdrop-filter:blur(24px);box-shadow:0 30px 90px #0005,inset 0 1px #ffffff20}h2{font-size:25px;font-weight:500;margin:22px 0 8px}section p{color:#b2c5d3;font-size:14px;line-height:1.6}.status{font-size:10px;letter-spacing:.18em;color:#9cebe6}.status i{display:inline-block;width:6px;height:6px;border-radius:100%;background:#78efbd;box-shadow:0 0 12px #78efbd;margin-right:8px}label{display:block;margin-top:20px;font-size:12px;color:#bfd4df}input{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #b5d5e633;border-radius:9px;background:#060f21aa;color:white;font:inherit;font-size:15px}button{width:100%;margin-top:24px;padding:15px;border:1px solid #c9ffff77;border-radius:9px;background:linear-gradient(130deg,#96f5ed,#53b9d5);color:#061a27;font-weight:650;font-size:14px;cursor:pointer}button span{float:right}input:focus-visible,button:focus-visible{outline:3px solid #a0ffff;outline-offset:3px}.message{color:#ffe1b5;min-height:22px}footer{font-size:11px;color:#8da4b7;margin-top:40px}.orb{position:absolute;right:-200px;top:140px;width:720px;height:720px;border:1px solid #72ddeb30;border-radius:50%;background:repeating-radial-gradient(ellipse,#5debea08 0 1px,transparent 2px 65px);box-shadow:inset 20px 20px 100px #5dddec12,0 0 100px #0bbcb315;transform:rotate(-25deg)}@media(min-width:1000px){section{margin-left:55%;margin-top:-260px}footer{margin-top:100px}}@media(prefers-reduced-transparency:reduce){section{background:#101e30;backdrop-filter:none}}
