.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-bg{z-index:-1;position:absolute;inset:0}.auth-bg__image{object-fit:cover;width:100%;height:100%}.auth-bg__overlay{-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f172a66 0%,#0f172ae6 100%);position:absolute;inset:0}.auth-container{z-index:10;flex-direction:column;gap:1.5rem;width:100%;max-width:480px;display:flex;position:relative}.auth-back{color:#fffc;align-self:flex-start;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;transition:color .2s;display:inline-flex}.auth-back:hover{color:#fff}.auth-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);box-shadow:var(--shadow-floating);background:#ffffffd9;border:1px solid #fff9;padding:3rem 2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{background:linear-gradient(135deg, var(--primary), var(--primary-deep));color:#fff;border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1.5rem;display:inline-flex;box-shadow:0 10px 25px #10b9814d}.icon-lg{width:2rem;height:2rem}.auth-header h1{color:var(--text-main);margin:0 0 .5rem;font-family:Sora,sans-serif;font-size:1.8rem;font-weight:700}.auth-header p{color:var(--text-muted);margin:0;font-size:.95rem}.auth-social{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.button--social{min-height:3rem;color:var(--text-main);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);background:#fff;border:1px solid #0f172a1a;padding:.5rem}.button--social:hover{background:#f8fafc;border-color:#0f172a33}.button--facebook{color:#1877f2}.auth-divider{text-align:center;margin:2rem 0;position:relative}.auth-divider:before{content:"";z-index:1;background:#0f172a1a;height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{z-index:2;color:var(--text-muted);background:#ffffffd9;padding:0 1rem;font-size:.85rem;font-weight:500;position:relative}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-main);font-size:.9rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{width:1.2rem;height:1.2rem;color:var(--text-muted);pointer-events:none;position:absolute;left:1.2rem}.input-wrapper input{border-radius:var(--radius-md);width:100%;color:var(--text-main);background:#fff;border:1px solid #0f172a1a;outline:none;padding:1rem 1rem 1rem 3rem;font-family:inherit;font-size:.95rem;transition:all .2s}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b98126}.input-wrapper input::placeholder{color:#0f172a4d}.auth-actions{justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:.5rem;display:flex}.checkbox-container{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.forgot-link{color:var(--primary);font-size:.9rem;font-weight:600}.forgot-link:hover{color:var(--primary-deep);text-decoration:underline}.auth-terms{color:var(--text-muted);text-align:center;margin:.5rem 0;font-size:.8rem;line-height:1.5}.auth-terms a{color:var(--primary);font-weight:600}.auth-notice{color:#0c1e33;background:#12d3c61f;border-radius:12px;margin:.25rem 0 0;padding:.85rem 1rem;font-size:.85rem;line-height:1.45}.auth-footer{text-align:center;color:var(--text-muted);margin-top:2rem;font-size:.95rem}.auth-footer a{color:var(--primary);margin-left:.25rem;font-weight:700}.auth-footer a:hover{text-decoration:underline}@media (max-width:640px){.auth-card{padding:2rem 1.5rem}}
.auth-btn-skeleton{background:#ffffff0d;border-radius:999px;width:120px;height:36px;animation:2s infinite pulse}.auth-login-btn{color:#f8fafc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Sora,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.auth-login-btn:hover{background:#fff3;border-color:#fff6}.auth-login-wrap{display:inline-flex;position:relative}.auth-message{z-index:30;color:#fde68a;background:#18130bf2;border:1px solid #fbbf2459;border-radius:10px;width:min(260px,72vw);padding:.65rem .75rem;font-family:Sora,sans-serif;font-size:.78rem;line-height:1.35;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 14px 30px #0000003d}.auth-user-menu{align-items:center;gap:.75rem;display:flex}.auth-user-profile{background:#12d3c61a;border:1px solid #12d3c64d;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .25rem;text-decoration:none;transition:all .2s;display:flex}.auth-user-profile:hover{background:#12d3c633;border-color:#12d3c680}.auth-user-avatar{object-fit:cover;color:#12d3c6;background:#12d3c61f;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:inline-grid}.auth-user-name{color:#12d3c6;font-family:Sora,sans-serif;font-size:.85rem;font-weight:700}.auth-saved-count{color:#f43f5e;border-left:1px solid #12d3c64d;align-items:center;gap:.25rem;min-width:30px;padding-left:.5rem;font-size:.78rem;display:inline-flex}.auth-saved-count strong{font:inherit;font-weight:800}.auth-logout-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.auth-logout-btn:hover{color:#f43f5e;background:#f43f5e1a;border-color:#f43f5e4d}