:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,#f6f9ff,#eef2ff 30%,#fff 60%);padding:2rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #0000000f;padding:2rem;max-width:480px;width:100%;text-align:left;color:#0f172a}.card h1{margin:0 0 .5rem;font-size:1.8rem}.card p{margin:.5rem 0 1rem;color:#475569}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:0 10px 20px #2563eb40}button:hover{background:#1d4ed8;transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:0 6px 14px #2563eb40}button:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.success{margin-top:1rem;padding:.75rem .9rem;border-radius:10px;background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.error{margin-top:1rem;padding:.75rem .9rem;border-radius:10px;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}