@import "https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap";
.login-page{background:linear-gradient(135deg,#d4cbcb -10%,#a7aa5486 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:Chelsea Market,system-ui;display:flex}.login-card{text-align:center;background:0 0;width:100%;max-width:420px;margin:1rem;padding:3rem}.login-card h1{color:#000;margin-bottom:.5rem;font-size:2.8rem;font-weight:700}.login-card h1 span{color:#000}.login-subtitle{color:#000;margin-bottom:2rem;font-size:1rem}.login-form{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.login-form .input{color:#000;background:0 0;border:2px solid #000;border-radius:8px;width:100%;padding:.7rem 1rem;font-family:Chelsea Market,system-ui;font-size:.95rem;transition:all .2s}.login-form .input:focus{background:#0000000d;outline:none}.login-form .input::placeholder{color:#0006}.btn-google{color:#fff;cursor:pointer;background:#000;border:2px solid #000;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.8rem;font-family:Chelsea Market,system-ui;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn-google:hover{color:#000;background:#fff;transform:translateY(-2px)}.btn-google:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-google svg{flex-shrink:0}.auth-toggle{margin-top:.5rem}.btn-toggle{color:#000;cursor:pointer;opacity:.6;background:0 0;border:none;font-family:Chelsea Market,system-ui;font-size:.85rem;text-decoration:underline;transition:opacity .2s}.btn-toggle:hover{opacity:1}.btn-back{color:#000;cursor:pointer;opacity:.6;background:0 0;border:none;padding:.5rem;font-family:Chelsea Market,system-ui;font-size:.9rem;transition:opacity .2s}.btn-back:hover{opacity:1}.divider{color:#000;opacity:.3;align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.divider:before,.divider:after{content:"";background:#000;flex:1;height:1px}.form-error{color:#ef4444;text-align:left;border:2px solid #ef4444;border-radius:8px;padding:.5rem 1rem;font-family:Chelsea Market,system-ui;font-size:.85rem}.form-success{color:#16a34a;text-align:left;border:2px solid #22c55e;border-radius:8px;padding:.5rem 1rem;font-family:Chelsea Market,system-ui;font-size:.85rem}@media (max-width:480px){.login-card{padding:2rem 1.5rem}.login-card h1{font-size:2.2rem}.login-form .input{padding:.6rem .8rem;font-size:.9rem}.btn-google{padding:.7rem;font-size:.9rem}}