:root{--bg:#000;--card-bg:#111;--text:#f0f0f0;--text-muted:#888;--border:#333;--primary-bg:#fff;--primary-text:#000;--error:#e5484d;--success:#22c55e}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100dvh}.container,.page{display:flex;flex-direction:column}.container{max-width:640px;width:100%;margin:0 auto;padding:24px 16px 40px;gap:16px}.title{font-size:clamp(28px,5vw,40px);line-height:1.1;font-weight:700;letter-spacing:-.02em;text-align:center;margin:24px 0 8px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:20px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}label{color:var(--text-muted);font-size:14px}input,textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:#666}input:focus,textarea:focus{border-color:var(--primary-bg);box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--primary-bg);background:var(--primary-bg);color:var(--primary-text);padding:12px 16px;border-radius:12px;font-weight:600;width:100%;cursor:pointer;transition:opacity .2s ease}.button:hover{opacity:.85}.button:active{opacity:.7}.button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--error);font-size:14px;margin:6px 0 0}.success{color:var(--success);font-size:14px;margin:12px 0 0}.footer{margin-top:auto;padding:24px 16px 32px;text-align:center;color:var(--text-muted);font-size:14px}@media (min-width:480px){.card{padding:24px}}