:root{font-family:Inter,Arial,sans-serif;color:#f5f5f3;background:#171717;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-columns:1fr 1fr}main{max-width:560px;width:100%;margin:auto;padding:48px 64px}.brand{display:flex;align-items:center;gap:20px;text-decoration:none;color:#aaa;font-size:10px;letter-spacing:2px}.brand img{width:118px}.mark{margin-top:58px;color:#ffda00;font-size:38px}.eyebrow{font-size:10px;letter-spacing:2px;color:#aaa;margin:22px 0}h1{font-size:clamp(44px,5vw,68px);line-height:1.02;letter-spacing:-3px;margin:0 0 24px}h1 span{color:#ffda00}.intro{color:#aaa;line-height:1.7;font-size:15px}form{margin-top:32px}label{display:block;font-size:12px;margin:20px 0 9px}input{width:100%;padding:14px 16px;border:1px solid #444;background:#232323;border-radius:8px;color:white;font:inherit;font-size:15px}input:focus{outline:2px solid #ffda00;outline-offset:2px}button{margin-top:24px;width:100%;border:0;padding:16px;border-radius:8px;background:#ffda00;color:#171717;display:flex;justify-content:space-between;font:inherit;font-weight:650;cursor:pointer}button:disabled{opacity:.65;cursor:wait}.foot{margin-top:28px;color:#888;font-size:11px;line-height:1.8}#error{color:#ffb6a6;font-size:13px;line-height:1.5}aside{position:relative;overflow:hidden;background:#202020;border-left:1px solid #303030}.orbit{position:absolute;width:640px;height:640px;border:1px solid #3a3a32;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.two{width:470px;height:470px}.three{width:280px;height:280px}.node{position:absolute;background:#ffda00;color:#171717;border-radius:18px;padding:30px;font-size:44px;font-weight:bold;top:35%;left:25%;transform:rotate(-5deg);box-shadow:0 30px 80px #0003}.node span{display:block;font-size:11px;margin-top:12px;font-weight:400}.person{background:#303030;color:#eee;top:57%;left:53%;font-size:26px;transform:rotate(6deg);border:1px solid #555}.caption{position:absolute;bottom:70px;left:60px;font-size:11px;letter-spacing:3px;line-height:1.8;color:#888}@media(max-width:800px){body{display:block}main{padding:32px;max-width:450px}aside{display:none}.mark{margin-top:36px}}@media(prefers-reduced-motion:no-preference){main{animation:appear .45s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}