.auth-page{width:100%;height:100vh;position:relative;overflow:hidden}.auth-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.auth-overlay{z-index:2;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.auth-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffaf5;border-radius:18px;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 20px 60px #00000040}.auth-title{color:var(--secondary-text);margin-bottom:.5rem;font-family:Petrona,serif;font-size:2.2rem}.auth-subtitle{color:var(--secondary-text);margin-bottom:2rem;font-family:Open Sans,sans-serif;font-size:.95rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-input{border:1px solid var(--border);color:var(--secondary-text);border-radius:10px;padding:.9rem 1rem;font-family:Open Sans,sans-serif;font-size:.95rem}.auth-input:focus{border-color:#1f1f1f;outline:none}.password-input-container{align-items:center;display:flex;position:relative}.password-input{width:100%;padding-right:2.8rem}.password-toggle-btn{cursor:pointer;color:var(--secondary-text);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:opacity .2s;display:flex;position:absolute;right:1rem}.password-toggle-btn:hover{opacity:.7}.password-toggle-btn:active{opacity:.5}.auth-button{color:#fff;cursor:pointer;background:#1f1f1f;border:none;border-radius:12px;margin-top:1rem;padding:.9rem;font-family:Open Sans,sans-serif;font-weight:600;transition:transform .15s,opacity .15s}.auth-button:hover{opacity:.9;transform:translateY(-1px)}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#1f1f1f!important}.auth-footer p{color:#1f1f1f!important}.auth-footer a{font-weight:600;text-decoration:underline;color:#1f1f1f!important}@media (max-width:768px){.auth-overlay{align-items:flex-start;padding:5rem 1rem 1rem}.auth-card{border-radius:14px;max-width:100%;padding:1.75rem}.auth-title{font-size:1.8rem}.auth-subtitle{margin-bottom:1.5rem;font-size:.9rem}.auth-input{padding:.85rem 1rem;font-size:16px}.auth-button{padding:.85rem;font-size:.95rem}.auth-footer{font-size:.85rem}}@media (max-width:480px){.auth-overlay{padding:4rem .75rem .75rem}.auth-card{border-radius:12px;padding:1.5rem}.auth-title{font-size:1.6rem}.auth-subtitle{margin-bottom:1.25rem;font-size:.85rem}.auth-form{gap:.875rem}.auth-input{padding:.8rem .9rem}}