@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}:root{--font-heading:'Playfair Display', serif;--font-body:'Poppins', sans-serif;--bg-color:#fff9f7;--form-bg:#ffffff;--text-main:#2a2220;--text-muted:#6b5c58;--border-color:#ebdcd7;--accent-color:#c48b71;--accent-hover:#a6735c;--input-bg:rgba(255, 250, 248, 0.6);--error-color:#d9534f;--success-color:#5cb85c;--shadow-sm:0 2px 8px rgba(42, 34, 32, 0.05);--shadow-md:0 8px 24px rgba(42, 34, 32, 0.08)}.login-page,.login-page *,.login-page ::after,.login-page ::before{box-sizing:border-box;margin:0;padding:0}.login-page{font-family:var(--font-body);color:var(--text-main);background:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-page a{text-decoration:none;color:inherit}.login-page button{cursor:pointer}.login-page button,.login-page input{font-family:inherit}.login-shell{height:100dvh;width:100dvw;display:flex;flex-direction:column}@media (min-width:900px){.login-shell{flex-direction:row}}.login-form-section{flex:1 1 0%;display:flex;align-items:center;justify-content:center;padding:32px;overflow-y:auto;background:var(--form-bg)}.login-form-inner{width:100%;max-width:400px}.login-form-stack{display:flex;flex-direction:column;gap:24px}.login-view{display:none;animation:fadeIn .4s ease-out forwards}.login-view.active{display:block}.login-brand{display:inline-flex;align-items:center;margin-bottom:12px}.login-brand img{height:32px;width:auto}.login-title{font-family:var(--font-heading);font-size:2.2rem;line-height:1.2;font-weight:600;color:var(--text-main)}.login-description{color:var(--text-muted);font-size:.95rem;margin-top:8px}.login-form{display:flex;flex-direction:column;gap:18px}.login-field label{font-size:.85rem;font-weight:500;color:var(--text-main);display:block;margin-bottom:6px}.glass-input{border-radius:12px;border:1px solid var(--border-color);background:var(--input-bg);backdrop-filter:blur(8px);transition:all .3s ease}.glass-input:focus-within{border-color:var(--accent-color);background:#fff;box-shadow:0 0 0 3px rgba(196,139,113,.15)}.glass-input input{width:100%;background:0 0;border:0;outline:0;font-size:.95rem;padding:14px 16px;border-radius:12px;color:var(--text-main)}.glass-input input::placeholder{color:#a19794}.glass-input-pass{position:relative}.glass-input-pass input{padding-right:48px}.pass-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;background:0 0;border:0;padding:6px;color:var(--text-muted);cursor:pointer;z-index:10;pointer-events:auto}.pass-toggle-btn:hover{color:var(--text-main)}.pass-toggle-btn svg{width:18px;height:18px;pointer-events:none}.login-remember,.login-row-between{display:flex;align-items:center;font-size:.85rem}.login-row-between{justify-content:space-between}.login-remember{gap:10px;cursor:pointer;color:var(--text-muted)}.custom-checkbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:4px;border:1.5px solid var(--border-color);display:inline-block;position:relative;cursor:pointer;flex-shrink:0;transition:all .2s ease;background:#fff}.custom-checkbox:checked{background:var(--accent-color);border-color:var(--accent-color)}.custom-checkbox:checked::after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.login-link-accent{color:var(--accent-color);font-weight:500;transition:color .2s}.login-link-accent:hover{color:var(--accent-hover);text-decoration:underline}.btn-primary{width:100%;border-radius:12px;background:var(--text-main);color:#fff;padding:14px;font-weight:500;font-size:.95rem;border:0;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:#1a1514;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-divider{position:relative;display:flex;align-items:center;justify-content:center}.login-divider::before{content:"";width:100%;border-top:1px solid var(--border-color)}.login-divider span{position:absolute;padding:0 16px;font-size:.8rem;color:var(--text-muted);background:var(--form-bg)}.btn-social,.social-btns{display:flex;gap:12px}.btn-social{flex:1;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-color);border-radius:12px;padding:12px;background:#fff;font-size:.9rem;font-weight:500;color:var(--text-main);transition:all .2s ease}.btn-social:hover{background:#fdfbfb;border-color:#dcc8c0}.btn-apple{background:#000;color:#fff;border-color:#000}.btn-apple:hover{background:#1a1a1a;border-color:#1a1a1a}.btn-apple svg{fill:currentColor}.login-footnote{text-align:center;font-size:.9rem;color:var(--text-muted)}.login-hero-section{flex:1.2 1 0%;display:none;position:relative;overflow:hidden;background:linear-gradient(135deg,#f5d6cc 0,#e8bcab 50%,#d49a85 100%)}@media (min-width:900px){.login-hero-section{display:flex;align-items:center;justify-content:center}}.hero-bg-gradient{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.4)0,transparent 60%)}.hero-content{position:relative;z-index:2;padding:40px;max-width:600px;color:#2a2220;text-align:center}.hero-title{font-family:var(--font-heading);font-size:3rem;margin-bottom:16px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.1);line-height:1.1}.hero-subtitle{font-size:1.1rem;color:rgba(255,255,255,.9);margin-bottom:40px}.login-testimonials{display:flex;flex-direction:column;gap:16px;align-items:center}.testimonial-card{display:flex;align-items:flex-start;gap:16px;text-align:left;border-radius:16px;background:rgba(255,255,255,.4);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);padding:20px;width:100%;max-width:450px;box-shadow:0 10px 30px rgba(196,139,113,.2)}.testimonial-avatar{height:48px;width:48px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-heading);font-size:1.2rem;font-weight:600}.testimonial-body{font-size:.9rem;line-height:1.5;color:#2a2220}.testimonial-name{font-weight:600}.testimonial-handle{color:#6b5c58;font-size:.8rem;margin-bottom:6px}.testimonial-text{color:#2a2220}.otp-hint{font-size:.9rem;color:var(--text-muted)}.otp-back{text-align:center;font-size:.9rem}.animate-element{opacity:0;transform:translateY(10px);animation:fadeUp .6s ease forwards}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-450{animation-delay:.45s}.animate-delay-500{animation-delay:.5s}.animate-delay-600{animation-delay:.6s}.animate-delay-700{animation-delay:.7s}.animate-delay-800{animation-delay:.8s}.animate-delay-900{animation-delay:.9s}.animate-delay-1000{animation-delay:1s}.animate-delay-1200{animation-delay:1.2s}.animate-delay-1400{animation-delay:1.4s}.animate-testimonial{opacity:0;transform:translateY(20px);animation:fadeUp .6s ease forwards}.toast-container{position:fixed;top:24px;right:20px;z-index:11000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{padding:14px 20px;border-radius:12px;color:#fff;font-size:14px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 40px rgba(0,0,0,.15);animation:slideInRight .4s ease;min-width:280px;pointer-events:all}.toast-success{background:var(--success-color)}.toast-error{background:var(--error-color)}.toast-info{background:#3b82f6}.toast-warning{background:#f59e0b}.toast-close{margin-left:auto;background:0 0;border:0;color:#fff;font-size:16px;cursor:pointer;opacity:.8;padding:0 4px}.toast-close:hover{opacity:1}.toast.removing{animation:slideOutRight .3s ease forwards}.legal-modal-overlay{position:fixed;inset:0;z-index:12000;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all .3s ease}.legal-modal-overlay.active{opacity:1;visibility:visible}.legal-modal-card{background:#fff;border-radius:20px;padding:28px;width:100%;max-width:500px;box-shadow:0 20px 60px rgba(0,0,0,.2);position:relative;transform:scale(.92);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.legal-modal-overlay.active .legal-modal-card{transform:scale(1)}.legal-modal-close{position:absolute;top:18px;right:20px;background:0 0;border:0;font-size:22px;cursor:pointer;color:#888;transition:color .2s}.legal-modal-close:hover{color:#111}.legal-modal-title{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-main);margin-bottom:12px}.legal-modal-body{font-size:.9rem;color:#555;line-height:1.6;max-height:300px;overflow-y:auto;padding-right:6px}.legal-modal-body h4{font-family:var(--font-heading);color:#222;margin:12px 0 4px}