:root{color-scheme:dark;--ink:#e8f5ef;--muted:#88a49a;--green:#5ef2ac;--cyan:#5adce8;--line:rgba(126,241,188,.16)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#050d0b;color:var(--ink)}body{overflow-x:hidden}.grid{position:fixed;inset:0;background-image:linear-gradient(rgba(80,180,140,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(80,180,140,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent)}.scan{position:fixed;inset:-30%;background:linear-gradient(transparent 48%,rgba(94,242,172,.035) 50%,transparent 52%);animation:scan 8s linear infinite;pointer-events:none}@keyframes scan{to{transform:translateY(40%)}}main{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr)}.identity{padding:clamp(32px,6vw,96px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.brand{position:absolute;top:38px;left:clamp(32px,6vw,96px);font-weight:800;font-size:20px;letter-spacing:-.03em}.brand>span{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid var(--green);margin-right:11px;transform:rotate(45deg)}.brand i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}.brand em{color:#55776b;font-style:normal}.kicker,.terminal{font:600 11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em;color:var(--green)}h1{font-size:clamp(48px,6vw,92px);line-height:.93;letter-spacing:-.07em;margin:24px 0}h1 strong{color:transparent;-webkit-text-stroke:1px rgba(232,245,239,.65);font-weight:800}.intro{max-width:600px;color:var(--muted);font-size:18px;line-height:1.7}.capabilities{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.capabilities span{border:1px solid var(--line);padding:9px 12px;color:#9bc5b5;font:600 10px ui-monospace,monospace;letter-spacing:.1em}.radar{position:absolute;width:500px;height:500px;border:1px solid var(--line);border-radius:50%;right:-220px;bottom:-230px}.radar i{position:absolute;inset:15%;border:1px solid var(--line);border-radius:50%}.radar i:nth-child(2){inset:30%}.radar i:nth-child(3){inset:44%}.radar b{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 80%,rgba(94,242,172,.14));animation:rotate 6s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.access{display:grid;place-items:center;padding:28px;background:rgba(7,19,15,.8);border-left:1px solid var(--line)}form{width:min(440px,100%);padding:clamp(28px,5vw,52px);border:1px solid var(--line);background:rgba(6,15,12,.9);box-shadow:0 30px 100px rgba(0,0,0,.35)}h2{font-size:32px;letter-spacing:-.04em;margin:18px 0 8px}form>p{color:var(--muted);line-height:1.55;margin:0 0 34px}label{display:block;color:#a8beb6;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:20px 0}input{display:block;width:100%;margin-top:9px;padding:15px 16px;border:1px solid #28473c;background:#07130f;color:white;font:500 16px ui-monospace,monospace;outline:0;border-radius:2px;transition:.2s}input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(94,242,172,.09)}button{width:100%;border:0;background:var(--green);color:#03110b;padding:16px 18px;font-weight:800;font-size:15px;display:flex;justify-content:space-between;cursor:pointer;margin-top:22px;transition:.2s}button:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(94,242,172,.18)}button:disabled{opacity:.55;cursor:wait}.error{min-height:22px;color:#ff8c8c;font-size:13px}small{display:flex;align-items:center;gap:8px;color:#607d72;margin-top:24px;font:500 10px ui-monospace,monospace;text-transform:uppercase}small b{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}@media(max-width:820px){main{grid-template-columns:1fr}.identity{min-height:42vh;padding:90px 25px 34px}.brand{top:25px;left:25px}h1{font-size:48px}.intro{font-size:15px}.radar{opacity:.5}.access{border-left:0;border-top:1px solid var(--line);padding:22px;align-items:start}form{padding:28px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
