:root{color-scheme:dark;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:#111827;color:#f9fafb;min-width:320px;min-height:100vh}#root{min-height:100vh}a{font-weight:500;color:#38bdf8;text-decoration:none}a:hover{color:#0ea5e9}button{font-family:inherit}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111827;color:#f9fafb}.App{min-height:100vh;display:flex;align-items:center;justify-content:center}.app-card{width:100%;max-width:360px;background:#020617;border-radius:12px;padding:24px 24px 28px;box-shadow:0 18px 45px #0009}.app-title{margin:0 0 8px;font-size:2.2rem;text-align:center}.app-subtitle{margin:0 0 24px;font-size:1.1rem;text-align:center;color:#9ca3af}form{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.9rem;color:#d1d5db}.form-input{padding:9px 10px;border-radius:6px;border:1px solid #4b5563;background-color:#020617;color:#f9fafb;font-size:.95rem}.form-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 1px #22c55e33}.button-primary{margin-top:4px;padding:10px 12px;border-radius:6px;border:none;background:#22c55e;color:#020617;font-weight:600;font-size:.95rem;cursor:pointer}.button-primary:hover{background:#16a34a}.button-secondary{padding:8px 12px;border-radius:999px;border:1px solid #4b5563;background:transparent;color:#e5e7eb;font-size:.9rem;cursor:pointer}.button-secondary:hover{border-color:#9ca3af}.app-footer{margin-top:20px;text-align:center;font-size:.85rem;color:#9ca3af}.app-error{margin-top:12px;font-size:.85rem;color:#f97373;text-align:center}