:root{--bg:#171a1f;--surface:#23272d;--surface-hover:#2d3238;--border:#3c424a;--accent:#c86a2b;--accent-hover:#e19a42;--bronze:#7a5b3a;--progress:#d78e39;--text:#e8e2d7;--text-secondary:#a9a49a;--success:#7c8d6b;--error:#8e4a48}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}button{font:inherit}.app{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}h1{letter-spacing:4px;color:var(--text);font-size:56px;font-weight:800}h2{color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;margin-top:10px;font-size:20px;font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:24px;width:420px;max-width:100%;margin-top:50px;padding:32px;transition:all .2s}.card:hover{background:var(--surface-hover);transform:translateY(-2px)}.card h3{margin-bottom:18px;font-size:28px}.card p{color:var(--text-secondary);line-height:1.7}button{background:var(--accent);width:100%;color:var(--bg);cursor:pointer;border:none;border-radius:16px;margin-top:28px;padding:15px 22px;font-size:16px;font-weight:700;transition:all .2s}button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 0 20px #e19a422e}button:active{transform:scale(.98)}button:focus-visible{outline:2px solid var(--accent-hover);outline-offset:3px}