.wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:620px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:4px}.logo{width:72px;height:72px;image-rendering:pixelated;flex:none}.brand-name{font-family:var(--font-display);font-weight:600;font-size:26px;line-height:1;letter-spacing:.01em}.title{font-family:var(--font-display);font-weight:700;font-size:clamp(38px,8vw,66px);line-height:1.02;letter-spacing:-.01em;margin:6px 0 0}.subtitle{margin:0;color:var(--muted);font-size:16px;line-height:1.6}.form{margin-top:10px;display:flex;gap:14px;width:100%;justify-content:center;flex-wrap:wrap}.input-field{flex:1 1 320px;min-width:0;max-width:380px;display:flex;background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input-field:hover{border-color:var(--border-strong)}.input-field:focus-within{border-color:var(--main);background:var(--surface-hover);box-shadow:0 0 0 3px #befe0029}.input-field.is-error{border-color:#ff5c5c;box-shadow:0 0 0 3px #ff5c5c29}.input{flex:1;min-width:0;padding:16px 18px;font-family:var(--font-ui);font-weight:500;font-size:15px;letter-spacing:.01em;color:var(--ink);background:transparent;border:none;outline:none}.input::placeholder{color:#6a715f}.btn{padding:16px 32px;font-family:var(--font-ui);font-weight:600;font-size:15px;letter-spacing:.01em;color:#0a0c06;background:var(--main);border:none;border-radius:14px;cursor:pointer;transition:transform .15s ease,box-shadow .25s ease,background .2s ease;box-shadow:0 10px 30px -8px #befe0080}.btn:hover{background:var(--main-hover);transform:translateY(-1px);box-shadow:0 14px 38px -8px #befe0099}.btn:active{transform:translateY(0);box-shadow:0 6px 18px -8px #befe0080}.btn:disabled{cursor:not-allowed;background:#ffffff14;color:#ffffff52;box-shadow:none;transform:none}.success{margin-top:8px;padding:15px 24px;font-family:var(--font-ui);color:var(--main);background:var(--surface);border:1px solid var(--border);border-radius:14px}.error{margin:4px 0 0;color:#ff6b6b;font-size:14px}@media(max-width:560px){.wrap{padding:16px}.card{gap:14px}.logo{width:56px;height:56px}.brand-name{font-size:18px}.subtitle{font-size:14px}.form{flex-direction:column;align-items:stretch}.input-field{flex:1 1 auto;max-width:none}.btn{width:100%}}:root{--main: #BEFE00;--main-hover: #cfff2e;--bg: #070806;--surface: rgba(255, 255, 255, .045);--surface-hover: rgba(255, 255, 255, .07);--ink: #F2F5EC;--muted: #7f8676;--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22);--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-ui: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--ink);font-family:var(--font-ui);background:radial-gradient(900px 520px at 50% -8%,rgba(190,254,0,.09),transparent 62%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}