.popup-notifications-container{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:15px;max-width:400px}.popup-notification{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;animation:slideInRight .3s ease-out;border-left:4px solid}.popup-info{border-left-color:#3498db}.popup-success{border-left-color:#2ecc71}.popup-warning{border-left-color:#f39c12}.popup-error{border-left-color:#e74c3c}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.popup-header h3{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.popup-close-btn{background:none;border:none;font-size:28px;color:#7f8c8d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.popup-close-btn:hover{background:#ecf0f1;color:#2c3e50}.popup-body{padding:15px 20px}.popup-body p{margin:0;color:#34495e;line-height:1.6;white-space:pre-wrap}.popup-footer{padding:10px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;text-align:right}.popup-footer small{color:#7f8c8d;font-size:12px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.popup-notifications-container{right:10px;left:10px;max-width:none}}.guest-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease-out;direction:rtl}.guest-popup-content{background:#fff;border-radius:1.5rem;padding:2.5rem 2rem;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.guest-popup-close{position:absolute;top:1rem;left:1rem;background:#0000000d;border:none;width:40px;height:40px;border-radius:50%;font-size:2rem;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1}.guest-popup-close:hover{background:#0000001a;color:#475569;transform:scale(1.1)}.guest-popup-icon{font-size:5rem;text-align:center;margin-bottom:1rem;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.guest-popup-title{font-size:2rem;font-weight:700;text-align:center;color:#1e293b;margin:0 0 1rem;background:linear-gradient(135deg,#ec4899,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guest-popup-description{text-align:center;font-size:1.0625rem;color:#475569;line-height:1.7;margin:0 0 2rem}.guest-popup-features{display:grid;gap:.875rem;margin-bottom:2rem}.popup-feature{display:flex;align-items:center;gap:.875rem;padding:1rem;background:linear-gradient(135deg,#fce7f3,#f3e8ff);border-radius:.875rem;transition:all .2s}.popup-feature:hover{transform:translate(-5px);box-shadow:0 4px 12px #ec489933}.feature-icon{font-size:1.75rem;flex-shrink:0}.popup-feature span:last-child{color:#1e293b;font-weight:500;font-size:.9375rem}.guest-popup-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.popup-btn{padding:1rem 2rem;border:none;border-radius:.875rem;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .2s;width:100%}.popup-btn.primary{background:linear-gradient(135deg,#ec4899,#9333ea);color:#fff;box-shadow:0 4px 16px #ec48994d}.popup-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ec489966}.popup-btn.primary:active{transform:translateY(-1px)}.popup-btn.secondary{background:#fff;color:#ec4899;border:2px solid #ec4899}.popup-btn.secondary:hover{background:#fce7f3;transform:translateY(-2px)}.popup-skip{display:block;margin:0 auto;background:none;border:none;color:#64748b;font-size:.9375rem;cursor:pointer;padding:.75rem;transition:all .2s;text-decoration:underline}.popup-skip:hover{color:#475569}@media (max-width: 640px){.guest-popup-content{padding:2rem 1.5rem;border-radius:1.25rem}.guest-popup-icon{font-size:4rem}.guest-popup-title{font-size:1.75rem}.guest-popup-description{font-size:1rem}.popup-feature{padding:.875rem}.feature-icon{font-size:1.5rem}.popup-feature span:last-child{font-size:.875rem}.popup-btn{padding:.875rem 1.5rem;font-size:1rem}}.guest-popup-content::-webkit-scrollbar{width:6px}.guest-popup-content::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.guest-popup-content::-webkit-scrollbar-thumb{background:#ec4899;border-radius:10px}.guest-popup-content::-webkit-scrollbar-thumb:hover{background:#9333ea}.bottom-nav-global{position:fixed;bottom:12px;left:12px;right:12px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;display:flex;justify-content:space-around;align-items:center;padding:14px 12px;z-index:9999;border-radius:32px;border:1px solid rgba(255,255,255,.6);pointer-events:auto;touch-action:manipulation;max-width:90%;margin:0 auto}@media (min-width: 768px){.bottom-nav-global{max-width:700px}}@media (min-width: 1024px){.bottom-nav-global{max-width:800px}}.nav-item-global{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:8px;transition:all .2s;color:#666;pointer-events:auto;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.nav-item-global:hover{transform:translateY(-2px)}.nav-item-global:active{transform:translateY(0)}.nav-icon-global{font-size:24px;transition:all .2s}.nav-icon-svg{width:24px;height:24px;transition:all .2s;stroke-width:2.5}.nav-item-global:hover .nav-icon-global,.nav-item-global:hover .nav-icon-svg{transform:scale(1.15)}.nav-label-global{font-size:11px;font-weight:500}.nav-item-global.active{color:var(--primary-pink, #FF6B9D);position:relative}.nav-item-global.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:30px;height:3px;background:var(--primary-pink, #FF6B9D);border-radius:0 0 3px 3px}.nav-item-global.active .nav-icon-global,.nav-item-global.active .nav-icon-svg{transform:scale(1.15);stroke-width:3}.nav-item-global.active .nav-label-global{font-weight:600}body{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.home-container,.home-content,.blog-page,.celestial-journey,.modern-messages-page,.profile,.settings-page,.points-rewards-page,.notifications-page{padding-bottom:100px!important}@media (max-width: 768px){.nav-label-global{font-size:10px}.nav-icon-global{font-size:22px}.nav-icon-svg{width:22px;height:22px}}.guest-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}.guest-modal-content{background:#fff;border-radius:24px;padding:32px;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative;text-align:center;animation:slideUp .3s ease-out}.guest-modal-close{position:absolute;top:16px;right:16px;background:#0000000d;border:none;width:32px;height:32px;border-radius:50%;font-size:24px;color:#666;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1}.guest-modal-close:hover{background:#0000001a;transform:rotate(90deg)}.guest-modal-icon{font-size:64px;margin-bottom:16px}.guest-modal-title{font-size:24px;font-weight:700;color:var(--text-dark, #2C3E50);margin-bottom:12px}.guest-modal-description{font-size:16px;color:#666;line-height:1.6;margin-bottom:24px}.guest-modal-actions{display:flex;flex-direction:column;gap:12px}.guest-modal-btn-primary{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary-pink) 0%,var(--accent-coral) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ec48994d}.guest-modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489966}.guest-modal-btn-secondary{width:100%;padding:16px;background:#fff;color:var(--primary-pink);border:2px solid var(--primary-pink);border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.guest-modal-btn-secondary:hover{background:#ec48990d;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;position:relative}.skip-btn{position:absolute;top:20px;left:20px;background:none;color:var(--text-light);font-size:16px;padding:8px 16px}.skip-btn:hover{color:var(--text-dark)}.slides-container{flex:1;width:100%;max-width:600px;overflow:hidden;display:flex;align-items:center;justify-content:center}.slides{display:flex;transition:transform .3s ease-in-out;width:100%}.slide{min-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.emoji-circle{width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.emoji{font-size:100px}.slide-title{font-size:32px;font-weight:800;color:var(--text-dark);margin-bottom:16px}.slide-description{font-size:18px;color:var(--text-light);line-height:1.6;max-width:400px}.indicators{display:flex;gap:8px;margin-bottom:32px}.indicator{width:8px;height:8px;border-radius:4px;background-color:#636e724d;transition:all .3s}.indicator.active{width:24px;background-color:var(--primary-pink)}.next-btn{width:100%;max-width:300px;margin-bottom:20px}.onboarding-actions{display:flex;flex-direction:column;gap:16px;width:100%;max-width:300px;margin-bottom:20px}.onboarding-actions .btn-primary{width:100%;padding:16px;font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--primary-pink) 0%,var(--accent-coral) 100%);color:#fff;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ec48994d}.onboarding-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489966}.onboarding-actions .btn-secondary{width:100%;padding:16px;font-size:18px;font-weight:700;background:#fff;color:var(--primary-pink);border:2px solid var(--primary-pink);border-radius:16px;cursor:pointer;transition:all .3s ease}.onboarding-actions .btn-secondary:hover{background:var(--primary-cream);transform:translateY(-2px)}.onboarding-actions .btn-text{width:100%;padding:12px;font-size:16px;font-weight:600;background:transparent;color:var(--text-light);border:none;cursor:pointer;transition:all .3s ease;text-decoration:underline}.onboarding-actions .btn-text:hover{color:var(--primary-pink)}@media (max-width: 768px){.emoji-circle{width:150px;height:150px}.emoji{font-size:70px}.slide-title{font-size:24px}.slide-description{font-size:16px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#f8e8f3,#ffe8f5,#fff5eb,#fef0f8,#f5e8ff);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-layout{width:100%;max-width:1200px;min-height:700px;display:flex;background:#fffffff2;border-radius:32px;overflow:hidden;box-shadow:0 20px 60px #d14a8f26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-side-panel{flex:1;background:linear-gradient(135deg,var(--primary-pink),var(--lavender));padding:60px 50px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-side-panel:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px,30px) rotate(10deg)}}.side-panel-content{position:relative;z-index:1;text-align:center;width:100%}.app-branding{margin-bottom:50px}.logo-circle{width:100px;height:100px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 24px;box-shadow:0 10px 40px #00000026;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.brand-name{font-size:48px;font-weight:800;color:#fff;margin-bottom:12px;text-shadow:0 4px 12px rgba(0,0,0,.1);letter-spacing:-1px}.brand-tagline{font-size:18px;color:#fffffff2;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.1)}.panel-illustration{max-width:100%;opacity:.95}.panel-image{width:100%;max-width:400px;border-radius:24px;box-shadow:0 20px 60px #0003}.panel-image-svg{width:100%;max-width:400px;height:auto;filter:drop-shadow(0 10px 30px rgba(255,107,157,.2));animation:floatSvg 6s ease-in-out infinite}@keyframes floatSvg{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.auth-main-panel{flex:1;padding:60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow-y:auto}.back-btn{position:absolute;top:32px;left:32px;background:var(--card-background);color:#1a1a1a;font-size:26px;font-weight:400;line-height:1;width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 4px 12px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.04);cursor:pointer}.back-btn:hover{background:#fff;box-shadow:0 6px 20px #0000001a;transform:translate(-3px);border-color:#00000014}.back-btn:active{transform:translate(-2px) scale(.98)}.auth-form-wrapper{max-width:460px;margin:0 auto;width:100%}.auth-header{text-align:center;margin-bottom:40px}.auth-title{font-size:40px;font-weight:800;color:#1a1a1a;margin-bottom:12px;letter-spacing:-1px}.auth-description{font-size:15px;color:#666;line-height:1.6;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:20px;padding-bottom:80px}.input-label{font-size:14px;font-weight:600;color:#333;text-align:right;padding-right:4px}.input-wrapper{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:16px 20px;text-align:right;border:2px solid #e8e8e8;border-radius:50px;font-size:15px;background:#fafafa;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit}.input-field::placeholder{color:#aaa}.input-field:hover{border-color:#d0d0d0;background:var(--card-background)}.input-field:focus{outline:none;background:var(--card-background);border-color:var(--primary-pink);box-shadow:0 0 0 4px #d14a8f1a}.password-toggle{position:absolute;left:20px;background:none;border:none;padding:0;font-size:20px;cursor:pointer;transition:transform .2s}.password-toggle:hover{transform:scale(1.15)}.remember-forgot-row{display:flex;justify-content:space-between;align-items:center;margin:-4px 0 8px}.remember-me-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#333;font-weight:500;padding:4px 8px;transition:all .2s;-webkit-user-select:none;user-select:none;border-radius:8px}.remember-me-label:hover{background:#d14a8f0a}.remember-me-label:hover .remember-me-checkbox{border-color:#bbb}.remember-me-checkbox{position:relative;width:22px;height:22px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:6px;border:2px solid #d0d0d0;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--card-background);flex-shrink:0}.remember-me-label span{white-space:nowrap}.remember-me-checkbox:hover{border-color:#aaa;transform:scale(1.05)}.remember-me-checkbox:checked{background:linear-gradient(135deg,var(--primary-pink),var(--lavender));border-color:transparent;box-shadow:0 2px 8px #d14a8f40}.remember-me-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:800}.remember-me-checkbox:focus{outline:none;box-shadow:0 0 0 4px #d14a8f1f}.forgot-password-btn{background:none;border:none;color:var(--primary-pink);font-size:14px;font-weight:600;cursor:pointer;padding:0;transition:all .2s}.forgot-password-btn:hover{color:var(--lavender);text-decoration:underline}.btn-primary{width:100%;padding:16px;border:none;border-radius:50px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit}.login-btn{background:linear-gradient(135deg,var(--primary-pink),var(--lavender));box-shadow:0 8px 24px #d14a8f4d;margin-top:8px}.login-btn:hover:not(:disabled){box-shadow:0 12px 32px #d14a8f66;transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;text-align:center;margin:24px 0 16px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e0e0e0}.auth-divider span{padding:0 20px;color:#888;font-size:13px;font-weight:500}.social-buttons{display:flex;justify-content:center;gap:16px}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border-radius:50px;border:2px solid #e8e8e8;background:var(--card-background);color:#333;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.social-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#d0d0d0}.social-btn:active:not(:disabled){transform:translateY(0)}.social-icon{width:22px;height:22px;flex-shrink:0}.signup-link{text-align:center;font-size:14px;color:#666;margin-top:16px;position:relative;z-index:100;padding:12px 0}.link-btn{background:none;border:none;color:var(--primary-pink);font-size:14px;font-weight:700;cursor:pointer;padding:4px 8px;transition:all .2s;position:relative;z-index:10;pointer-events:auto;display:inline-block}.link-btn:hover{color:var(--lavender);text-decoration:underline}.link-btn:active{transform:scale(.98)}.guest-browse-section{margin-top:24px;padding-top:20px;border-top:1px solid rgba(236,72,153,.1);text-align:center}.guest-browse-btn{width:100%;padding:14px 24px;background:transparent;border:2px solid var(--primary-pink);color:var(--primary-pink);font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-bottom:12px}.guest-browse-btn:hover{background:#ec48990d;transform:translateY(-2px);box-shadow:0 4px 12px #ec489926}.guest-browse-btn:active{transform:translateY(0)}.guest-browse-note{font-size:12px;color:#999;margin:0;line-height:1.4}.error-message{background:#fee;color:#c33;padding:14px 18px;border-radius:12px;font-size:14px;font-weight:500;text-align:center;border:1px solid #fcc}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@media (max-width: 1024px){.auth-side-panel{display:none}.auth-main-panel{padding:40px}}@media (max-width: 640px){.auth-container{padding:0}.auth-layout{border-radius:0;min-height:100vh}.auth-main-panel{padding:24px}.auth-form-wrapper{max-width:100%}.auth-title{font-size:32px}.back-btn{top:20px;left:20px;width:44px;height:44px}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fce4ec,#f8bbd0);padding:20px;direction:rtl}.forgot-password-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #ec489933;max-width:500px;width:100%;padding:40px}.forgot-password-header{text-align:center;margin-bottom:30px}.forgot-password-header h1{color:#ec4899;font-size:28px;font-weight:700;margin:0 0 15px}.forgot-password-header p{color:#666;font-size:16px;line-height:1.6;margin:0}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.form-group input{padding:12px 16px;border:2px solid #f3e8ff;border-radius:12px;font-size:16px;transition:all .3s ease;direction:ltr;text-align:left}.btn-primary{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.back-to-login{text-align:center;padding-top:10px}.back-to-login a{color:#ec4899;text-decoration:none;font-weight:600;transition:color .3s ease}.back-to-login a:hover{color:#db2777;text-decoration:underline}.security-notice{margin-top:20px;padding:15px;background:#fff3cd;border-right:4px solid #ffc107;border-radius:8px;font-size:14px;color:#856404;line-height:1.6}.success-message{text-align:center;padding:20px}.success-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700}.success-message h1{color:#10b981;font-size:28px;font-weight:700;margin:0 0 15px}.success-message p{color:#666;font-size:16px;line-height:1.8;margin:0 0 15px}.expiry-notice{background:#f0f9ff;border:2px dashed #0ea5e9;border-radius:10px;padding:12px;color:#0c4a6e;font-weight:600;margin:20px 0!important}@media (max-width: 640px){.forgot-password-container{padding:30px 20px}.forgot-password-header h1{font-size:24px}.forgot-password-header p{font-size:14px}}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fce4ec,#f8bbd0);padding:20px;direction:rtl}.reset-password-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #ec489933;max-width:500px;width:100%;padding:40px}.reset-password-header{text-align:center;margin-bottom:30px}.reset-password-header h1{color:#ec4899;font-size:28px;font-weight:700;margin:0 0 15px}.reset-password-header p{color:#666;font-size:16px;line-height:1.6;margin:0}.reset-password-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-weight:600;font-size:14px}.form-group input{padding:12px 16px;border:2px solid #f3e8ff;border-radius:12px;font-size:16px;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ec489966}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;padding:12px 16px;color:#c33;font-size:14px;text-align:center}.password-requirements{background:#f0f9ff;border:2px solid #bae6fd;border-radius:12px;padding:15px;font-size:14px;color:#0c4a6e}.password-requirements strong{display:block;margin-bottom:10px;color:#075985}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{padding:5px 0 5px 25px;position:relative;color:#64748b;transition:color .3s ease}.password-requirements li:before{content:"○";position:absolute;right:0;color:#cbd5e1;font-size:18px;transition:all .3s ease}.password-requirements li.valid{color:#10b981;font-weight:600}.password-requirements li.valid:before{content:"✓";color:#10b981;font-weight:700}.validating{text-align:center;padding:40px 20px}.spinner{width:50px;height:50px;margin:0 auto 20px;border:4px solid #fce4ec;border-top-color:#ec4899;border-radius:50%;animation:spin 1s linear infinite}.validating p{color:#666;font-size:16px}.error-state{text-align:center;padding:20px}.error-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700}.error-state h1{color:#ef4444;font-size:28px;font-weight:700;margin:0 0 15px}.error-state p{color:#666;font-size:16px;line-height:1.8;margin:0 0 15px}.help-text{background:#fff3cd;border:2px dashed #ffc107;border-radius:10px;padding:12px;color:#856404;font-weight:600;margin:20px 0!important}@media (max-width: 640px){.reset-password-container{padding:30px 20px}.reset-password-header h1{font-size:24px}.reset-password-header p{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-cream: #FFF8F0;--primary-pink: #FF69B4;--secondary-purple: #A855F7;--accent-mint: #B8E6D5;--text-dark: #2D3436;--text-light: #636E72;--card-background: #FFFFFF;--soft-peach: #FFE5D9;--lavender: #E8D5F2;--max-width: 1200px;--container-padding: 20px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 32px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px}html{font-size:var(--font-size-base)}body{font-family:"Baloo Bhaijaan 2",sans-serif;background-color:var(--primary-cream);color:var(--text-dark);direction:rtl;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-size:var(--font-size-base);line-height:1.6;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}#root{min-height:100vh}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.page-container{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-md) var(--container-padding);width:100%;min-height:100vh}.content-wrapper{max-width:var(--max-width);margin:0 auto;width:100%}h1,.heading-1{font-family:"Baloo Bhaijaan 2",sans-serif;font-size:var(--font-size-3xl);font-weight:800;line-height:1.2;margin-bottom:var(--spacing-lg)}h2,.heading-2{font-family:"Baloo Bhaijaan 2",sans-serif;font-size:var(--font-size-2xl);font-weight:700;line-height:1.3;margin-bottom:var(--spacing-md)}h3,.heading-3{font-family:"Baloo Bhaijaan 2",sans-serif;font-size:var(--font-size-xl);font-weight:600;line-height:1.4;margin-bottom:var(--spacing-sm)}h4,.heading-4{font-family:"Baloo Bhaijaan 2",sans-serif;font-size:var(--font-size-lg);font-weight:600;line-height:1.4;margin-bottom:var(--spacing-xs)}h5,.heading-5{font-family:"Baloo Bhaijaan 2",sans-serif;font-size:var(--font-size-base);font-weight:600;line-height:1.5;margin-bottom:var(--spacing-xs)}p,.text-base{font-family:"Baloo Bhaijaan 2",sans-serif;font-size:var(--font-size-base);font-weight:400;line-height:1.6;margin-bottom:var(--spacing-md)}.text-lg{font-family:"Baloo Bhaijaan 2",sans-serif;font-size:var(--font-size-lg);font-weight:400;line-height:1.6}.text-sm{font-family:"Baloo Bhaijaan 2",sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}.text-xs{font-family:"Baloo Bhaijaan 2",sans-serif;font-size:.75rem;font-weight:400;line-height:1.4}button{font-family:"Baloo Bhaijaan 2",sans-serif;cursor:pointer;border:none;outline:none;font-size:var(--font-size-base);font-weight:600}input,textarea,select{font-family:"Baloo Bhaijaan 2",sans-serif;font-size:var(--font-size-base);font-weight:400}label{font-family:"Baloo Bhaijaan 2",sans-serif;font-weight:500}a{font-family:"Baloo Bhaijaan 2",sans-serif;text-decoration:none;color:inherit}*{font-family:"Baloo Bhaijaan 2",sans-serif}strong,b,.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-extrabold{font-weight:800}.btn-primary{background-color:var(--primary-pink);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:50px;font-size:var(--font-size-base);font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:48px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffc4d666}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{background-color:transparent;color:var(--primary-pink);padding:var(--spacing-md) var(--spacing-xl);border-radius:50px;border:2px solid var(--primary-pink);font-size:var(--font-size-base);font-weight:600;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:48px}.btn-outline:hover{background-color:var(--primary-pink);color:#fff}.btn-full-width{width:100%}.card{background-color:var(--card-background);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.input-field{width:100%;padding:14px 18px;border-radius:50px;border:1.5px solid #e8e8e8;background:#fafafa;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;min-height:48px}.input-field::placeholder{color:#b8b8b8;text-align:right}.input-field:hover{border-color:#d0d0d0;background:#fff}.input-field:focus{outline:none;background:#fff;border-color:var(--primary-pink);box-shadow:0 0 0 3px #d14a8f1a,0 4px 12px #d14a8f26}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-btn{background:#fff;border:2px solid var(--primary-pink);font-size:var(--font-size-base);font-weight:600;color:var(--primary-pink);cursor:pointer;padding:10px 20px;display:inline-flex;align-items:center;gap:var(--spacing-xs);border-radius:50px;transition:all .2s;min-height:44px}.back-btn:hover{background:var(--primary-pink);color:#fff;transform:translate(-4px)}.back-btn:before{content:"←";font-size:20px;font-weight:700}@media (max-width: 480px){:root{--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--container-padding: 16px}.btn-primary,.btn-outline{width:100%;padding:var(--spacing-md) var(--spacing-lg)}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}h1,.heading-1{font-size:var(--font-size-3xl)}h2,.heading-2{font-size:var(--font-size-2xl)}h3,.heading-3{font-size:var(--font-size-xl)}}@media (min-width: 481px) and (max-width: 768px){:root{--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 26px;--font-size-3xl: 30px}.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px) and (max-width: 992px){:root{--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 32px}.container,.page-container,.content-wrapper{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (min-width: 993px) and (max-width: 1200px){:root{--font-size-base: 17px;--font-size-lg: 19px;--font-size-xl: 26px;--font-size-2xl: 30px;--font-size-3xl: 34px}.container,.page-container,.content-wrapper{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}@media (min-width: 1201px){:root{--font-size-base: 18px;--font-size-lg: 20px;--font-size-xl: 28px;--font-size-2xl: 32px;--font-size-3xl: 36px}.container,.page-container,.content-wrapper{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}[data-theme=dark]{--primary-cream: #1a1a2e;--card-background: #16213e;--text-dark: #eaeaea;--text-light: #b4b4b4;--primary-pink: #ff6b9d;--lavender: #c8a2e3;--border-color: #2d3748}body.dark-mode{background-color:#1a1a2e;color:#eaeaea}.dark-mode .card,.dark-mode .tracker-card,.dark-mode .profile-card,.dark-mode .settings-section,.dark-mode .setting-item{background:#16213e;border-color:#2d3748;color:#eaeaea}.dark-mode .profile-header,.dark-mode .page-header,.dark-mode .tracker-header-bar{background:linear-gradient(135deg,#ff6b9d,#c8a2e3);color:#fff}.dark-mode input,.dark-mode textarea,.dark-mode select{background:#0f1419;border-color:#2d3748;color:#eaeaea}.dark-mode input:focus,.dark-mode textarea:focus,.dark-mode select:focus{border-color:#ff6b9d;background:#1a1a2e}.dark-mode .btn-primary,.dark-mode .tracker-btn.primary{background:linear-gradient(135deg,#ff6b9d,#c8a2e3);color:#fff}.dark-mode .btn-secondary{background:#2d3748;color:#eaeaea;border-color:#4a5568}.dark-mode .bottom-nav-global{background:#16213ee6;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}.dark-mode .nav-item-global{color:#b4b4b4}.dark-mode .nav-item-global.active{color:#ff6b9d}.dark-mode .nav-item-global:hover{color:#cbd5e0}.dark-mode .modal-content{background:#16213e;color:#eaeaea}.dark-mode .modal-overlay{background:#000000d9}.dark-mode .guidance-tips,.dark-mode .info-banner{background:linear-gradient(135deg,#1e3a5f,#2d3748);border-color:#4a5568}.dark-mode .tip-text,.dark-mode .info-text{color:#cbd5e0}.dark-mode .warning-banner{background:linear-gradient(135deg,#742a2a,#9c4221);border-color:#c53030}.dark-mode .warning-banner.critical{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-color:#dc2626}.dark-mode .achievement-banner{background:linear-gradient(135deg,#065f46,#047857);border-color:#10b981}.dark-mode .empty-state,.dark-mode .guest-state{background:#16213e;color:#cbd5e0}.dark-mode .progress-bar{background:#2d3748}.dark-mode .stat-card{background:#16213e;border-color:#2d3748}.dark-mode .movements-timeline,.dark-mode .contractions-list,.dark-mode .logs-list{background:#0f1419}.dark-mode .log-delete-btn,.dark-mode .movement-delete-btn{background:#742a2a;color:#feb2b2}.dark-mode .log-delete-btn:hover,.dark-mode .movement-delete-btn:hover{background:#9c4221}.dark-mode .toggle-slider{background-color:#4a5568}.dark-mode input:checked+.toggle-slider{background-color:#ff6b9d}.dark-mode .pregnancy-calculator-card{background:linear-gradient(135deg,#16213e,#1a1a2e);border-color:#2d3748}.dark-mode .due-date-hero{background:linear-gradient(135deg,#7f1d1d,#701a75,#92400e);border-color:#ff6b9d}.dark-mode .milestone-card{background:#16213e;border-color:#2d3748}.dark-mode .milestone-card.completed{background:linear-gradient(135deg,#065f46,#064e3b);border-color:#10b981}.dark-mode .post-card,.dark-mode .blog-card,.dark-mode .chat-item{background:#16213e;border-color:#2d3748}.dark-mode .message-bubble{background:#2d3748}.dark-mode .message-bubble.sent{background:linear-gradient(135deg,#ff6b9d,#c8a2e3);color:#fff}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6,.dark-mode .page-title,.dark-mode .section-title,.dark-mode .card-title{color:#eaeaea!important}.dark-mode p,.dark-mode span:not(.nav-icon-svg):not(.btn-icon),.dark-mode div:not(.progress-bar):not(.toggle-slider){color:#cbd5e0}.dark-mode .profile-name,.dark-mode .setting-title,.dark-mode .menu-label,.dark-mode .info-label,.dark-mode .info-value{color:#eaeaea!important}.dark-mode .setting-description,.dark-mode .profile-hint,.dark-mode .empty-text{color:#9ca3af!important}.dark-mode .badge-item{background:#2d3748;border-color:currentColor}.dark-mode .menu-item{background:#16213e;border-color:#2d3748}.dark-mode .menu-item:hover{background:#1e2a47;transform:translateY(-2px)}.dark-mode .info-item{background:#1e2a47;border-left:3px solid #ff6b9d}.dark-mode .points-card{background:linear-gradient(135deg,#1e2a47,#16213e);border:2px solid #2d3748}.dark-mode .profile-avatar-large{background:linear-gradient(135deg,#ff6b9d,#c8a2e3);box-shadow:0 4px 16px #ff6b9d4d}.dark-mode .setting-select{background:#0f1419;border-color:#2d3748;color:#eaeaea}.dark-mode .stat-box,.dark-mode .stat-item,.dark-mode .summary-compact-item{background:#1e2a47;border-color:#2d3748}.dark-mode .quick-add-btn{background:#2d3748;border-color:#4a5568;color:#cbd5e0}.dark-mode .quick-add-btn:hover{background:#374151;border-color:#ff6b9d}.dark-mode .tracker-card{background:#16213e;border-color:#2d3748}.dark-mode .tracker-header{color:#eaeaea}.dark-mode .tracker-subtitle{color:#9ca3af}.dark-mode .progress-circle svg circle:first-child{stroke:#2d3748}.dark-mode .session-active{background:linear-gradient(135deg,#1e3a5f,#2d3748);border-color:#4a5568}.dark-mode .log-item,.dark-mode .movement-item,.dark-mode .contraction-log-item{background:#1e2a47;border-color:#2d3748}.dark-mode .empty-state,.dark-mode .guest-state{color:#9ca3af}.dark-mode .empty-icon{filter:grayscale(20%)}.dark-mode .baby-compact-card{background:#16213e;border:2px solid #2d3748}.dark-mode .weekly-summary-compact{background:linear-gradient(135deg,#1e2a47,#16213e);border:2px solid #2d3748}.dark-mode .pregnancy-calculator-card,.dark-mode .blog-card,.dark-mode .post-card{background:#16213e;border-color:#2d3748}.dark-mode .blog-card:hover,.dark-mode .post-card:hover{background:#1e2a47;border-color:#4a5568}.dark-mode .author-name,.dark-mode .post-author{color:#cbd5e0}.dark-mode .verification-pending{background:#1e3a5f;color:#93c5fd;border-color:#3b82f6}.dark-mode .profile-role-badge{background:linear-gradient(135deg,#7f1d1d,#701a75);color:#fecaca}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}