:root{--bg: #0b0b0e;--panel-dark: #14141a;--panel-light: #eceae4;--ink: #eceae4;--ink-dark: #0b0b0e;--ink-dim: #8f8d94;--hairline: rgba(236, 234, 228, .12);--green: #AEFA05;--green-2: #6fe66a;--red: #ff6e6e}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:Satoshi,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;z-index:3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.glow{position:fixed;width:60vmax;height:60vmax;border-radius:50%;filter:blur(130px);opacity:.12;pointer-events:none;z-index:0;background:var(--green)}.glow.a{top:-30vmax;right:-20vmax}.glow.b{bottom:-35vmax;left:-25vmax;opacity:.07}.brand{position:fixed;top:28px;left:clamp(20px,4vw,48px);font-weight:900;font-size:15px;letter-spacing:.22em;text-transform:uppercase;z-index:2}.brand em{font-style:normal;color:var(--green)}.card{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;width:min(880px,100%);min-height:460px;animation:rise .9s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.panel-light{background:var(--panel-light);color:var(--ink-dark);padding:clamp(32px,5vw,56px);display:flex;flex-direction:column;justify-content:center;gap:18px;border-radius:14px 0 0 14px}.panel-light h1{font-weight:900;font-size:clamp(38px,5vw,56px);letter-spacing:-.03em;line-height:.95}.panel-light h1 span{display:block;font-weight:300;color:#5b5b63;font-size:.55em;letter-spacing:0;margin-top:10px}.panel-light p{color:#5b5b63;font-size:14px;line-height:1.6;max-width:34ch}.panel-light .dot{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 24px var(--green)}.panel-dark{position:relative;background:var(--panel-dark);padding:clamp(32px,5vw,56px);border-radius:0 14px 14px 0;border:1px solid var(--hairline);border-left:0;display:flex;flex-direction:column;justify-content:center;transform:translateY(-18px);box-shadow:0 30px 80px #00000080}.tabs{display:flex;gap:22px;margin-bottom:34px}.tab{background:none;border:0;color:var(--ink-dim);font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:0 0 6px;border-bottom:1px solid transparent;transition:color .25s,border-color .25s}.tab.on{color:var(--ink);border-color:var(--green)}form{position:relative;display:grid;gap:26px}.field{position:relative}.field label{display:block;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px;transition:color .25s}.field:focus-within label{color:var(--ink)}.field input{width:100%;background:none;border:0;outline:0;border-bottom:1px solid var(--hairline);color:var(--ink);font-family:inherit;font-size:16px;padding:8px 0 10px;caret-color:var(--green)}.field input::placeholder{color:#4a4a54}.field input:-webkit-autofill{-webkit-text-fill-color:var(--ink);transition:background-color 9999s}.submit{position:relative;margin-top:6px;background:none;border:1px solid var(--hairline);color:var(--ink);font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:16px;border-radius:8px;cursor:pointer;transition:color .25s,background .25s}.submit:hover,.submit:focus-visible{color:var(--green);outline:none}.submit:disabled{opacity:.5;cursor:wait}.msg{min-height:20px;font-size:13px;color:var(--red);line-height:1.4}.msg.ok{color:var(--green)}.hint{font-size:12px;color:var(--ink-dim);margin-top:14px;line-height:1.5}.hint b{color:var(--ink);font-weight:500}.snake{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.snake path{fill:none;stroke:url(#snakeGrad);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dasharray .7s cubic-bezier(.65,0,.35,1),stroke-dashoffset .7s cubic-bezier(.65,0,.35,1);filter:drop-shadow(0 0 6px rgba(174,250,5,.55))}.snake.error path{stroke:var(--red);filter:drop-shadow(0 0 6px rgba(255,110,110,.5))}@media (max-width: 720px){.card{grid-template-columns:1fr;min-height:0}.panel-light{border-radius:14px 14px 0 0;padding-bottom:40px}.panel-dark{border-radius:0 0 14px 14px;border-left:1px solid var(--hairline);border-top:0;transform:none}.brand{position:static;margin-bottom:20px}body{display:block}}#root{display:contents}
