:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#000;color:#fff}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}#matrix{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at center,transparent 15%,#000aa 100%);pointer-events:none}header,footer{display:flex;justify-content:space-between;align-items:center;padding:30px 5vw}header a{font-size:23px;font-weight:800;letter-spacing:.16em;color:#fff;text-decoration:none}header a span{font-size:12px;color:#fff;margin-left:8px;letter-spacing:.08em}button,input{font:inherit}#motion{font-size:12px;background:#000e6;color:#fff;border:1px solid #555;padding:10px 14px;cursor:pointer;border-radius:5px}main{flex:1;display:grid;place-items:center;padding:45px 20px}section{width:min(100%,500px);padding:46px;background:#000f2;border:1px solid #555;border-radius:12px;box-shadow:0 20px 100px #000bb,0 0 70px #bbb10}.brand-line{width:42px;height:3px;background:#fff;margin-bottom:29px}h1{font-size:clamp(32px,5vw,43px);line-height:1.12;letter-spacing:-.045em;font-weight:600;margin:0 0 18px}.intro{color:#fff;line-height:1.6;margin:0 0 36px}form{display:grid;gap:12px}label{font-size:12px;font-weight:600;letter-spacing:.04em}input{width:100%;padding:15px;border:1px solid #555;border-radius:5px;background:#000;color:white;font-size:14px}input::placeholder{color:#bbb}.submit{display:flex;justify-content:space-between;align-items:center;margin-top:7px;background:#fff;border:0;border-radius:5px;padding:16px;color:#000;font-weight:700;font-size:14px;cursor:pointer}.submit:hover{background:#fff}.submit span{font-size:20px}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:4px}.help{font-size:12px;line-height:1.8;color:#bbb;margin:25px 0 0}footer{font-size:10px;letter-spacing:.12em;color:#fff}footer span{letter-spacing:.02em}@media(max-width:540px){header,footer{padding:22px}header a{font-size:18px}section{padding:30px 25px}main{padding:30px 20px}footer{gap:20px;font-size:9px}}

:root,body{background:#000;color:#fff}section,input,#motion{background:#000;color:#fff;border-color:#777}.submit,.submit:hover{background:#fff;color:#000}header a,header a span{color:#fff}.brand-line{background:#fff}