*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background-color:#f4f4f9;color:#333}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;text-align:center}.heading{color:#2c3e50;font-size:2.5rem;margin-bottom:15px}.text{color:#666;font-size:1.1rem}.error-box{background-color:#fee2e2;color:#991b1b;border:1px solid #f87171;border-radius:8px;padding:15px 20px;margin-top:20px;max-width:500px;font-size:1rem}.form-input{width:100%;padding:.75rem 1rem;font-size:1rem;color:#334155;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:#64748b;box-shadow:0 0 0 3px #64748b26;background-color:#fff}.form-input::placeholder{color:#94a3b8}.form-button{width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;color:#fff;background-color:#334155;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.form-button:hover:not(:disabled){background-color:#1e293b}.form-button:active:not(:disabled){transform:scale(.98)}.form-button:disabled{background-color:#94a3b8;color:#f1f5f9;cursor:not-allowed;opacity:.7}.error-box{background-color:#fef2f2;border:1px solid #fca5a5;color:#991b1b;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.25rem;font-size:.875rem}