@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary:#d32f2f;--primary-hover:#b71c1c;--primary-light:#ffebee;--bg-dark:#121212;--surface:#1e1e1e;--surface-variant:#2c2c2c;--text-primary:#fff;--text-secondary:#b0b0b0;--correct:#4caf50;--wrong:#f44336;--accent:#ff9800;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-blur:blur(12px);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow:0 8px 32px 0 #00000080;--container-padding:24px}@media (width<=480px){:root{--container-padding:16px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700}@media (width<=480px){h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.1rem!important}}.container{max-width:600px;padding:var(--container-padding);width:100%;margin:0 auto}.card{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px;transition:transform .2s,box-shadow .2s}@media (width<=480px){.card{border-radius:var(--radius-md);padding:16px}}.card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0009}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px}@media (width<=480px){.glass-card{border-radius:var(--radius-md);padding:16px}}.form-group{margin-bottom:20px}label{color:var(--text-secondary);margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}input{background:var(--surface-variant);border:1.5px solid var(--glass-border);border-radius:var(--radius-md);color:#fff;width:100%;padding:14px 16px;font-size:1rem;transition:border-color .2s,background-color .2s}input:focus{border-color:var(--primary);background:var(--surface);outline:none}.btn{border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;min-height:48px;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{border:1px solid var(--glass-border);color:#fff;background-color:#0000}.btn-outline:hover{background-color:var(--glass-bg)}.btn-full{width:100%}.modal-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:450px;padding:32px;position:relative}@media (width<=480px){.modal-content{border-radius:var(--radius-md);padding:24px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.4s ease-out fadeIn}.app-header{background:var(--surface);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}@media (width<=480px){.app-header{height:56px;padding:0 16px}}.logo{color:var(--primary);align-items:center;gap:8px;font-size:1.5rem;font-weight:800;display:flex}@media (width<=480px){.logo{font-size:1.2rem}}