.splash-container{background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.logo-wrapper{background:0 0;margin-bottom:24px}.splash-logo{border-radius:24px;width:100px;height:100px;box-shadow:0 10px 40px #6366f166}.app-title{letter-spacing:-1px;color:var(--text-primary);margin-bottom:8px;font-size:32px;font-weight:800}.app-subtitle{color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;font-size:16px}:root{--bg-primary:#0a0a0c;--bg-secondary:#16161a;--bg-tertiary:#202026;--text-primary:#fff;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--border-color:#ffffff14;--border-color-hover:#ffffff26}.login-container{background:var(--bg-primary);flex-direction:column;height:100%;min-height:100vh;padding:32px 24px;display:flex;position:relative;overflow:hidden auto}.glow-orb{filter:blur(50px);pointer-events:none;z-index:0;opacity:.65;border-radius:50%;width:280px;height:280px;position:absolute}.orb-1{background:radial-gradient(circle,#6366f12e 0%,#8b5cf60d 50%,#0000 100%);animation:15s ease-in-out infinite alternate floatOrb1;top:-60px;right:-60px}.orb-2{background:radial-gradient(circle,#ec48991f 0%,#8b5cf60a 60%,#0000 100%);animation:18s ease-in-out infinite alternate floatOrb2;bottom:8%;left:-80px}@keyframes floatOrb1{0%{transform:translate(0)scale(1)}to{transform:translate(-40px,50px)scale(1.15)}}@keyframes floatOrb2{0%{transform:translate(0)scale(1)}to{transform:translate(50px,-40px)scale(.9)}}.map-grid-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:50%;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 75%);mask-image:radial-gradient(circle,#000 35%,#0000 75%)}.login-header{text-align:center;z-index:1;flex-direction:column;align-items:center;margin-top:24px;margin-bottom:16px;display:flex}.icon-circle{background:0 0;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;display:flex}.login-logo-img{border-radius:20px;width:100%;height:100%;box-shadow:0 8px 24px #0006}.brand-name{letter-spacing:-1.5px;background:linear-gradient(135deg,#fff 30%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:36px;font-weight:900}.tagline{color:var(--text-secondary);max-width:280px;font-size:15px;font-weight:500;line-height:1.4}.hero-container{z-index:1;justify-content:center;align-items:center;width:100%;height:190px;margin:16px 0;display:flex;position:relative}.radar-circle{border:1px dashed #6366f126;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;animation:24s linear infinite rotateRadar;display:flex;position:absolute}@keyframes rotateRadar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-pulse{background:#6366f105;border:1px solid #6366f114;border-radius:50%;width:110px;height:110px;animation:3.5s ease-out infinite pulseRadar;position:absolute}@keyframes pulseRadar{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.profile-card-preview{-webkit-backdrop-filter:blur(12px);z-index:2;background:#16161abf;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:10px;padding:8px 12px;transition:all .3s;display:flex;position:absolute;box-shadow:0 12px 28px #00000073}.profile-card-preview:hover{border-color:#6366f140;transform:translateY(-3px)scale(1.02)}.profile-avatar-preview{object-fit:cover;border:2px solid var(--accent-primary);background:var(--bg-tertiary);border-radius:50%;width:34px;height:34px}.profile-info-preview{flex-direction:column;display:flex}.profile-name-preview{color:#fff;align-items:center;gap:4px;font-size:12px;font-weight:700;line-height:1.2;display:flex}.status-dot-preview{background-color:var(--success);width:6px;height:6px;box-shadow:0 0 6px var(--success);border-radius:50%;display:inline-block}.profile-dist-preview{color:var(--text-secondary);font-size:10px;font-weight:500}.card-left{animation:4s ease-in-out infinite alternate floatCardLeft;top:15px;left:5%}.card-right{animation:5s ease-in-out infinite alternate floatCardRight;bottom:20px;right:5%}@keyframes floatCardLeft{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-6px)rotate(-1deg)}}@keyframes floatCardRight{0%{transform:translateY(0)rotate(2deg)}to{transform:translateY(-8px)rotate(3deg)}}.chat-preview-bubble{background:var(--accent-gradient);color:#fff;z-index:3;border-radius:16px 16px 0;max-width:150px;padding:8px 12px;font-size:11px;font-weight:600;animation:4.5s ease-in-out infinite alternate-reverse floatBubble;position:absolute;top:60px;right:15%;box-shadow:0 8px 20px #6366f140}@keyframes floatBubble{0%{transform:translateY(0)scale(1)}to{transform:translateY(-5px)scale(1.02)}}.features-section{z-index:1;flex-direction:column;gap:12px;width:100%;margin-bottom:24px;display:flex}.feature-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex}.feature-card:hover{background:#ffffff08;border-color:#ffffff0f}.feature-icon-wrapper{color:#a5b4fc;background:#6366f11f;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.feature-card:nth-child(2) .feature-icon-wrapper{color:#c084fc;background:#8b5cf61f}.feature-content{flex-direction:column;gap:2px;display:flex}.feature-title{color:#fff;font-size:14px;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:11px;line-height:1.4}.social-proof-container{z-index:1;justify-content:center;align-items:center;width:100%;margin-bottom:12px;display:flex}.social-proof-pill{color:#a5b4fc;letter-spacing:.3px;background:#6366f114;border:1px solid #6366f126;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:700;display:flex}.social-proof-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;animation:2s infinite pulseDot;box-shadow:0 0 8px #38bdf8}@keyframes pulseDot{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}to{opacity:.6;transform:scale(1)}}.login-actions{z-index:1;flex-direction:column;width:100%;display:flex}.btn-primary-gradient{cursor:pointer;background:var(--accent-gradient);color:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 24px #6366f14d}.btn-primary-gradient:hover{transform:translateY(-2px);box-shadow:0 12px 28px #6366f166}.btn-primary-gradient:active{transform:scale(.97)}.btn-primary-gradient:disabled{opacity:.6;cursor:not-allowed}.login-note{text-align:center;color:var(--text-tertiary);z-index:1;margin-top:16px;padding:0 20px;font-size:12px;line-height:1.5}.error-text{color:var(--danger);text-align:center;z-index:1;margin-top:16px;font-size:13px;font-weight:600}.animate-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.login-footer{text-align:center;z-index:1;margin-top:24px;padding:16px 0}.login-footer p{color:var(--text-tertiary);margin-bottom:8px;font-size:12px}.legal-links{justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.legal-links span{color:var(--accent-primary);cursor:pointer;font-weight:600}.legal-links .dot{color:var(--text-tertiary);cursor:default}.form-container-wrapper{z-index:1;flex-direction:column;width:100%;height:100%;display:flex}.btn-back-link{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:16px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-back-link:hover{color:#fff;background:#ffffff0f;border-color:#ffffff1f}.btn-back-link:active{transform:scale(.96)}.form-header-row{margin-bottom:20px}.form-title{color:#fff;letter-spacing:-.5px;margin-bottom:4px;font-size:26px;font-weight:800}.form-subtitle{color:var(--text-secondary);font-size:13px;line-height:1.4}.form-body{flex-direction:column;gap:14px;width:100%;display:flex}.modern-input-field{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;align-items:center;width:100%;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.modern-input-field:focus-within{border-color:var(--accent-primary);background:#ffffff0d;box-shadow:0 0 0 3px #6366f126,0 4px 20px #6366f10d}.modern-input-field input{color:#fff;background:0 0;border:none;width:100%;padding:16px 48px;font-size:15px;font-weight:500}.modern-input-field input:focus{outline:none}.input-icon-left{color:var(--text-tertiary);pointer-events:none;transition:color .25s;position:absolute;left:16px}.modern-input-field:focus-within .input-icon-left{color:#a5b4fc}.input-action-right{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;right:16px}.input-action-right:hover{color:#fff;background:#ffffff0d}.forgot-password-link-new{color:var(--text-secondary);cursor:pointer;align-self:flex-end;margin-top:-4px;margin-bottom:12px;font-size:12px;font-weight:600;transition:color .2s}.forgot-password-link-new:hover{color:var(--accent-primary)}.btn-auth-submit-new{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:6px;padding:16px;font-size:16px;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 20px #6366f140}.btn-auth-submit-new:hover{transform:translateY(-1px);box-shadow:0 10px 24px #6366f159}.btn-auth-submit-new:active{transform:scale(.98)}.btn-auth-submit-new:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-mode-toggle{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:13px}.auth-mode-toggle span{color:var(--accent-primary);cursor:pointer;font-weight:600;transition:color .2s}.auth-mode-toggle span:hover{color:var(--accent-secondary)}.onboarding-container{background:var(--bg-primary);flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex;overflow-y:auto}.onboarding-progress{justify-content:center;gap:8px;width:100%;max-width:400px;margin-bottom:40px;display:flex}.progress-dot{background:var(--bg-tertiary);border-radius:10px;flex:1;height:6px;transition:all .4s cubic-bezier(.4,0,.2,1)}.progress-dot.active{background:var(--accent-gradient)}.progress-dot.current{box-shadow:0 0 10px var(--accent-primary)}.onboarding-card{border:1px solid #ffffff1a;border-radius:32px;width:100%;max-width:450px;margin-bottom:40px;padding:32px;position:relative}.step-header{text-align:center;margin-bottom:32px}.step-icon-bg{background:var(--accent-gradient);color:#fff;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex;box-shadow:0 8px 20px #6366f14d}.step-header h2{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:4px;font-size:28px;font-weight:800}.step-header p{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600}.step-content{min-height:280px}.input-group-premium{margin-bottom:24px}.input-group-premium label{color:var(--text-secondary);margin-bottom:10px;margin-left:4px;font-size:14px;font-weight:600;display:block}.premium-input{width:100%;color:var(--text-primary);background:#ffffff0d;border:2px solid #0000;border-radius:16px;outline:none;padding:16px 20px;font-size:16px;transition:all .3s}.premium-input:focus{border-color:var(--accent-primary);background:#ffffff14;box-shadow:0 0 15px #6366f126}.premium-input.error{border-color:var(--error)}.premium-input.success{border-color:var(--success)}.username-input-wrapper{align-items:center;display:flex;position:relative}.at-symbol{color:var(--accent-primary);font-size:18px;font-weight:800;position:absolute;left:20px}.username-input-wrapper .premium-input{padding-left:45px}.status-text{color:var(--text-tertiary);margin-top:8px;font-size:12px}.error-text{color:var(--error);align-items:center;gap:4px;margin-top:8px;font-size:13px;display:flex}.success-text{color:var(--success);margin-top:8px;font-size:13px}.suggestions-box{margin-top:12px}.suggestion-chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.suggestion-chip{color:var(--accent-primary);cursor:pointer;background:#ffffff0d;border:1px solid #6366f133;border-radius:10px;padding:6px 12px;font-size:13px;transition:all .2s}.suggestion-chip:hover{background:#6366f11a;transform:translateY(-2px)}.gender-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.gender-option{text-align:center;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:16px;padding:16px;font-weight:600;transition:all .3s}.gender-option.active{border-color:var(--accent-primary);color:var(--text-primary);background:#6366f11a}.hint-text{color:var(--text-tertiary);text-align:center;margin-top:-8px;font-size:13px}.premium-input.textarea{resize:none;min-height:120px}.interest-chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.interest-chip{background:var(--accent-gradient);color:#fff;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;animation:.3s scale-in;display:flex}.interest-chip svg{opacity:.8}.photo-picker-container{flex-direction:column;align-items:center;display:flex}.main-photo-preview{cursor:pointer;border:3px solid var(--accent-primary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:24px;padding:4px;display:flex;position:relative}.main-photo-preview img{object-fit:cover;border-radius:50%;width:100%;height:100%}.camera-badge{background:var(--accent-gradient);color:#fff;border:2px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:5px;right:5px}.picker-hint{color:var(--text-secondary);margin-bottom:16px;font-size:14px;font-weight:600}.avatar-grid-premium{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.avatar-item-premium{cursor:pointer;border:2px solid #0000;border-radius:16px;width:60px;height:60px;padding:4px;transition:all .3s}.avatar-item-premium.active{border-color:var(--accent-primary);background:#6366f11a;transform:scale(1.1)}.avatar-item-premium img{border-radius:12px;width:100%;height:100%}.onboarding-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;display:flex}.btn-back,.btn-skip{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:4px;padding:8px 16px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-back:hover,.btn-skip:hover{color:var(--text-primary);background:#ffffff0d}.btn-next,.btn-finish{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:18px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 20px #6366f133}.btn-next:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-next:hover:not(:disabled),.btn-finish:hover{transform:translateY(-2px);box-shadow:0 15px 25px #6366f14d}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=480px){.onboarding-card{border-radius:24px;padding:24px}.step-header h2{font-size:24px}.avatar-grid-premium{grid-template-columns:repeat(4,1fr)}}.report-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.report-modal{background:var(--bg-primary);border-top-left-radius:32px;border-top-right-radius:32px;flex-direction:column;width:100%;max-width:480px;padding:32px 24px 90px;display:flex;box-shadow:0 -10px 40px #00000080}.report-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.icon-wrapper.warning{background:#f59e0b1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.report-header h2{margin-bottom:8px;font-size:22px;font-weight:800}.report-header p{color:var(--text-secondary);font-size:14px}.report-reasons{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.reason-item{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.reason-item.selected{border-color:var(--accent-primary);background:#6366f10d}.reason-item span{color:var(--text-primary);font-weight:500}.radio-circle{border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.reason-item.selected .radio-circle{border-color:var(--accent-primary)}.radio-inner{background:var(--accent-primary);border-radius:50%;width:10px;height:10px}.report-actions{gap:12px;display:flex}.report-actions button{flex:1}.preview-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.preview-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:24px;width:100%;max-width:360px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.preview-close{background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:16px;right:16px}.preview-content{flex-direction:column;align-items:center;padding:32px 24px 24px;display:flex}.preview-avatar{object-fit:cover;border:4px solid var(--bg-secondary);border-radius:50%;width:120px;height:120px;margin-bottom:16px;box-shadow:0 8px 24px #0000004d}.preview-name{margin-bottom:4px;font-size:24px;font-weight:800}.preview-branch{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.preview-stats{gap:8px;margin-bottom:24px;display:flex}.stat-pill{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:16px;padding:6px 12px;font-size:12px;font-weight:600}.preview-actions{flex-direction:column;gap:12px;width:100%;margin-bottom:20px;display:flex}.action-btn{justify-content:center;padding:14px}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:12px;width:100%;padding:14px 24px;font-size:16px;font-weight:600}.btn-accent.quick-chat{color:var(--warning);cursor:pointer;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;display:flex}.anonymous-toggle{background:var(--bg-secondary);border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;padding:12px 16px;display:flex}.anonymous-toggle label{color:var(--text-primary);font-size:14px;font-weight:600}.safety-section{border-top:1px solid var(--border-color);width:100%;padding-top:16px}.safety-toggle{color:var(--text-tertiary);text-align:center;cursor:pointer;background:0 0;border:none;width:100%;font-size:13px}.safety-options{gap:12px;margin-top:12px;display:flex}.safety-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;display:flex}.safety-btn.report{color:var(--warning);background:#f59e0b1a}.safety-btn.block{color:var(--danger);background:#ef44441a}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.premium-modal{background:var(--bg-primary);border-top-left-radius:32px;border-top-right-radius:32px;width:100%;max-width:480px;padding:32px 24px 90px;position:relative;box-shadow:0 -10px 40px #00000080}.close-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:24px;right:24px}.modal-header{text-align:center;margin-bottom:32px}.premium-badge-large{background:var(--accent-gradient);color:#fff;border-radius:20px;margin-bottom:16px;padding:6px 16px;font-size:14px;font-weight:800;display:inline-block;box-shadow:0 4px 15px #6366f166}.modal-header h2{margin-bottom:8px;font-size:28px;font-weight:800}.modal-header p{color:var(--text-secondary)}.benefits-list{flex-direction:column;gap:20px;margin-bottom:32px;display:flex}.benefit-item{align-items:center;gap:16px;display:flex}.benefit-icon{color:var(--accent-primary);background:#6366f11a;border-radius:12px;width:48px;height:48px;padding:8px}.benefit-text h4{margin-bottom:2px;font-size:16px;font-weight:600}.benefit-text p{color:var(--text-secondary);font-size:13px}.pricing-options{gap:16px;margin-bottom:16px;display:flex}.price-card{border:2px solid var(--border-color);text-align:center;cursor:pointer;border-radius:20px;flex:1;padding:16px;transition:all .2s;position:relative}.price-card:active{transform:scale(.96)}.plan-name{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:600}.plan-price{font-size:24px;font-weight:800}.plan-price span{color:var(--text-secondary);font-size:14px;font-weight:500}.price-card.popular{border-color:var(--accent-primary);background:#6366f10d}.popular-tag{background:var(--accent-gradient);color:#fff;white-space:nowrap;border-radius:12px;padding:4px 12px;font-size:10px;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.home-container{background:#0a0a0e;flex-direction:column;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.home-header-new{-webkit-backdrop-filter:blur(20px);z-index:100;background:#0a0a0ecc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.logo-title{align-items:center;gap:12px;display:flex}.logo-box{background:linear-gradient(135deg,#f43f5e,#a21caf);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 10px #f43f5e66}.logo-title h2{color:#fff;margin:0;font-size:20px;font-weight:800}.icon-btn-transparent{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px}.nav-dot{background:#f43f5e;border:2px solid #0a0a0e;border-radius:50%;width:10px;height:10px;animation:2s infinite badge-pulse;position:absolute;box-shadow:0 0 10px #f43f5ecc}.unread-badge-premium{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);border:2px solid #0a0a0e;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;animation:.3s cubic-bezier(.34,1.56,.64,1) badge-pop;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 4px 10px #f43f5e66}@keyframes badge-pulse{0%{transform:scale(1);box-shadow:0 0 #f43f5eb3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #f43f5e00}to{transform:scale(1);box-shadow:0 0 #f43f5e00}}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.home-content-new{flex-direction:column;flex:1;gap:28px;padding:24px 20px 100px;display:flex;overflow-y:auto}.home-content-new::-webkit-scrollbar{display:none}.greeting-section .hey-text{color:#a1a1aa;margin-bottom:8px;font-size:14px}.greeting-section .discover-text{color:#fff;font-size:28px;font-weight:800;line-height:1.2}.greeting-section .text-muted{color:#3f3f46}.search-bar-new{background:#131118;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.search-bar-new .search-icon{color:#a1a1aa}.search-bar-new input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-bar-new input::placeholder{color:#71717a}.map-banner-card{cursor:pointer;background:linear-gradient(135deg,#be123c,#701a75,#4a044e);border-radius:24px;align-items:center;gap:16px;padding:20px;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #9f12394d}.map-banner-card:active{transform:scale(.98)}.banner-icon-box{background:#0000004d;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.banner-text{z-index:2;flex:1}.banner-text h3{color:#fff;margin-bottom:4px;font-size:18px;font-weight:800}.banner-text p{color:#ffffffb3;font-size:13px}.banner-sparkle{color:#fff;opacity:.9}.action-cards-row{gap:12px;display:flex}.action-card{cursor:pointer;background:#131118;border:1px solid #ffffff1a;border-radius:20px;flex:1;align-items:center;gap:12px;padding:16px;transition:transform .2s,background .2s;display:flex}.action-card:active{background:#1a1721;transform:scale(.95)}.action-icon-bg{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.boost-bg{background:#dc2626;box-shadow:0 4px 15px #dc262666}.pro-bg{background:#d97706;box-shadow:0 4px 15px #d9770666}.action-text h4{color:#fff;margin-bottom:2px;font-size:15px;font-weight:800}.action-text p{color:#a1a1aa;font-size:11px;font-weight:500}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h3{color:#fff;font-size:18px;font-weight:800}.see-all-btn{color:#f43f5e;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:700}.section-actions{align-items:center;gap:12px;display:flex}.refresh-feed-btn{color:#a1a1aa;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.refresh-feed-btn:hover{color:#fff;background:#ffffff1a}.refresh-feed-btn:active{transform:scale(.95)}.suggested-cards-scroll{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.suggested-cards-scroll::-webkit-scrollbar{display:none}.large-suggested-card{cursor:pointer;background:linear-gradient(#9f1239,#4a044e);border:1px solid #ffffff0d;border-radius:20px;flex-shrink:0;min-width:140px;height:200px;position:relative;overflow:hidden}.large-suggested-card img{object-fit:cover;mix-blend-mode:overlay;opacity:.8;width:100%;height:100%;transition:transform .3s}.large-suggested-card:hover img{transform:scale(1.05)}.card-overlay{background:linear-gradient(#0000,#000000e6);padding:24px 12px 12px;position:absolute;bottom:0;left:0;right:0}.card-overlay h4{color:#fff;font-size:14px;font-weight:700}.suggestion-card-wrapper{flex-shrink:0;position:relative}.skip-user-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);z-index:5;background:#0006;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.skip-user-btn:hover{background:#f43f5e33;border-color:#f43f5e}.skip-user-btn:active{transform:scale(.9)}.map-page-container{background:#0a0a0e;flex-direction:column;height:100vh;padding-bottom:90px;font-family:Inter,sans-serif;display:flex;overflow:hidden}.map-page-header{color:#fff;z-index:10;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.map-page-header h2{margin:0;font-size:18px;font-weight:800}.icon-btn-transparent{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.icon-btn-transparent:active{transform:scale(.9)}.map-box-container{z-index:1;background-color:#0d0a14;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:50%;background-size:40px 40px;border:1px solid #ffffff1a;border-radius:28px;flex:1;margin:16px 20px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #00000080}.map-box-container:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#a21caf26 0%,#0000 70%);width:250px;height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.leaflet-container{z-index:1;font-family:inherit;background:0 0!important}.custom-leaflet-icon{background:0 0;border:none}.nearby-pill{color:#fff;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#140f19e6;border:1px solid #ffffff26;border-radius:24px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 4px 15px #0000004d}.nearby-pill .sparkle{color:#f43f5e}.center-pin-wrapper{justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.center-pin{z-index:2;background:#a21caf;border:3px solid #b45309;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 15px #a21caf99}.center-pin svg{margin-bottom:2px}.pin-pulse-1,.pin-pulse-2{background:0 0;border:2px solid #a21caf66;border-radius:50%;width:100%;height:100%;animation:3s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute}.pin-pulse-2{animation-delay:1.5s}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.5)}}.user-pin{background:#4a044e;border:2px solid #be123c;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0006}.user-pin:active{transform:scale(.9)}.user-pin img{object-fit:cover;opacity:.9;mix-blend-mode:luminosity;filter:sepia()hue-rotate(250deg)saturate(3)brightness(.7);width:100%;height:100%}.user-pin.locked{background:#1a1a24;border-color:#fff3}.user-pin.locked img{filter:blur(5px)brightness(.6);opacity:.8}.lock-icon-overlay{color:#fff;z-index:2;filter:drop-shadow(0 2px 4px #000c);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.locked-count{color:#a1a1aa;margin-left:2px;font-size:13px;font-weight:500}.bottom-user-section{z-index:10;flex-direction:column;padding:0 20px 20px;display:flex}.nearby-user-card{cursor:pointer;background:#131118;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:16px;padding:12px 16px;transition:transform .2s,background .2s;display:flex;box-shadow:0 8px 24px #0000004d}.nearby-user-card:active{background:#1a1721;transform:scale(.98)}.card-avatar{background:#4a044e;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.card-avatar img{object-fit:cover;mix-blend-mode:luminosity;filter:sepia()hue-rotate(250deg)saturate(3)brightness(.7);width:100%;height:100%}.card-info{flex:1}.card-info h4{color:#fff;margin-bottom:4px;font-size:16px;font-weight:800}.card-info p{color:#a1a1aa;font-size:13px;font-weight:500}.edit-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.edit-modal{background:var(--bg-secondary);border-radius:24px 24px 0 0;flex-direction:column;width:100%;display:flex}.edit-modal.full-screen{border-top-left-radius:32px;border-top-right-radius:32px;height:95vh}.edit-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.edit-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:800}.profile-progress-container{padding:16px 24px 0}.progress-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.progress-bar-bg{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#38bdf8,#a855f7);border-radius:4px;height:100%;transition:width .4s ease-out}.edit-content{flex:1;padding:24px 24px 100px;overflow-y:auto}.edit-form{flex-direction:column;gap:20px;display:flex}.guest-edit-warning{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:13px;line-height:1.5}.section-title{text-transform:uppercase;letter-spacing:1px;color:var(--accent-primary);margin-top:16px;margin-bottom:-4px;font-size:15px;font-weight:800}.avatar-upload-container{flex-direction:column;align-items:center;gap:12px;margin-bottom:8px;display:flex}.avatar-preview-wrapper{background:var(--bg-tertiary);cursor:pointer;border:3px solid var(--bg-secondary);border-radius:50%;width:100px;height:100px;position:relative;box-shadow:0 4px 12px #0003}.avatar-preview-wrapper img{object-fit:cover;border-radius:50%;width:100%;height:100%}.camera-icon-badge{background:var(--accent-primary);color:#fff;border:3px solid var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #0000004d}.input-group label{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.char-counter{color:var(--text-tertiary);font-size:12px}.input-field{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;padding:14px 16px;font-size:15px;transition:all .3s}.input-field:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #38bdf826}.textarea-field{resize:vertical;min-height:80px;font-family:inherit}.form-row{gap:16px;display:flex}.flex-1{flex:1}.chips-container{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.interest-chip{background:var(--bg-tertiary);color:var(--text-primary);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.chip-remove{cursor:pointer;opacity:.6;align-items:center;display:flex}.chip-remove:hover{opacity:1;color:var(--danger)}.toggle-group{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;flex-direction:row;justify-content:space-between;align-items:center;padding:16px;display:flex}.toggle-label h4{margin-bottom:4px;font-size:15px;font-weight:600}.toggle-label p{color:var(--text-secondary);font-size:13px}.switch{width:50px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--bg-tertiary);transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--accent-primary)}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.action-buttons-row{gap:12px;margin-top:16px;display:flex}.action-buttons-row button{cursor:pointer;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-weight:700;display:flex}.btn-preview{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-message{background:var(--success);color:#fff;z-index:2000;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;animation:.3s ease-out slideDownFade;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}@keyframes slideDownFade{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.avatar-presets-edit{width:100%;margin-top:16px}.preset-label{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.presets-grid-edit{scrollbar-width:none;gap:12px;padding:4px;display:flex;overflow-x:auto}.presets-grid-edit::-webkit-scrollbar{display:none}.preset-item-edit{background:var(--bg-primary);cursor:pointer;border:2px solid #0000;border-radius:12px;flex-shrink:0;width:52px;height:52px;transition:all .2s;overflow:hidden}.preset-item-edit img{object-fit:cover;width:100%;height:100%}.preset-item-edit.selected{border-color:var(--accent-primary);transform:scale(1.1);box-shadow:0 0 10px #38bdf866}.blocked-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.blocked-modal{background:var(--bg-secondary);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-height:80vh;padding:24px 24px 90px;display:flex}.blocked-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.blocked-header h2{color:var(--text-primary);margin:0;font-size:1.25rem}.close-btn{background:#ffffff1a}.blocked-list{flex-direction:column;gap:16px;display:flex;overflow-y:auto}.empty-blocked{text-align:center;color:var(--text-secondary);padding:32px 0}.blocked-item{background:#ffffff08;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.blocked-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.blocked-name{color:var(--text-primary);flex:1;font-weight:500}.btn-unblock{border:1px solid var(--accent-primary);color:var(--accent-primary);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-unblock:active{background:#6366f11a;transform:scale(.95)}.settings-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.settings-modal{background:var(--bg-primary);border-top-left-radius:32px;border-top-right-radius:32px;flex-direction:column;width:100%;max-width:480px;height:90vh;display:flex;box-shadow:0 -10px 40px #00000080}.settings-header{border-bottom:1px solid var(--border-color);justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.settings-header h2{font-size:20px;font-weight:800}.settings-header .close-btn{background:var(--bg-secondary);position:absolute;right:24px}.settings-content{flex:1;padding:24px;overflow-y:auto}.settings-group-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:12px;margin-left:12px;font-size:13px;font-weight:700}.settings-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;margin-bottom:32px;overflow:hidden}.settings-item{cursor:pointer;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;transition:background .2s;display:flex}.settings-item:last-child{border-bottom:none}.settings-item:active{background:#ffffff0d}.item-left{align-items:center;gap:16px;display:flex}.icon-wrapper{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.settings-item span{font-size:16px;font-weight:500}.chevron{color:var(--text-tertiary)}.toggle-switch{background:var(--bg-tertiary);border-radius:24px;width:48px;height:28px;transition:all .3s;position:relative}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:4px;left:4px}.toggle-switch.active{background:var(--accent-primary)}.toggle-switch.active:after{transform:translate(20px)}.danger-zone{flex-direction:column;gap:12px;margin-top:24px;margin-bottom:40px;display:flex}.logout-btn,.delete-account-btn{cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.logout-btn{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0d}.delete-account-btn{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.delete-account-btn:hover{background:#ef444426}.delete-account-btn:disabled,.logout-btn:disabled{opacity:.5;cursor:not-allowed}.profile-container{color:#fff;background:#0f111a;flex-direction:column;height:100vh;display:flex}.profile-header-new{-webkit-backdrop-filter:blur(20px);z-index:100;background:#0f111acc;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.profile-header-new h2{margin:0;font-size:24px;font-weight:800}.profile-content-scroll{flex:1;padding-bottom:100px;overflow-y:auto}.profile-info-section-new{flex-direction:column;align-items:center;padding:32px 24px 24px;display:flex}.profile-avatar-glow{background:linear-gradient(135deg,#f43f5e 0%,#a21caf 100%);border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;margin-bottom:20px;padding:4px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 0 30px #f43f5e66}.profile-avatar-glow:hover{transform:scale(1.05);box-shadow:0 0 45px #f43f5e99}.main-avatar-new{object-fit:cover;background:#131118;border:4px solid #0f111a;border-radius:50%;width:118px;height:118px}.profile-name-new{letter-spacing:-.5px;margin:0 0 8px;font-size:26px;font-weight:800}.profile-branch-new{color:#9ca3af;margin:0 0 6px;font-size:15px}.profile-college-new{color:#fb7185;text-transform:capitalize;margin:0 0 24px;font-size:14px;font-weight:700}.btn-edit-profile-capsule{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-edit-profile-capsule:active{background:#ffffff1a}.owner-badge{color:#fff;vertical-align:middle;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:8px;font-size:12px;display:inline-flex;box-shadow:0 0 10px #3b82f680}.profile-stats-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;justify-content:center;align-items:center;gap:20px;margin:10px 0 24px;padding:12px 24px;display:flex}.stat-box{flex-direction:column;align-items:center;display:flex}.stat-value{color:#fff;font-size:18px;font-weight:800}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:12px}.stat-divider{background:#ffffff1a;width:1px;height:24px}.referral-code-pill{color:#fff;letter-spacing:1px;background:#fff3;border-radius:6px;padding:2px 8px;font-family:monospace;font-weight:700}.profile-actions-list{flex-direction:column;gap:16px;padding:0 24px;display:flex}.premium-banner-card{cursor:pointer;background:linear-gradient(90deg,#b45309 0%,#ea580c 100%);border-radius:20px;align-items:center;gap:16px;margin-bottom:8px;padding:24px 20px;display:flex;box-shadow:0 10px 30px #ea580c33}.premium-banner-card.active{background:linear-gradient(90deg,#059669 0%,#10b981 100%);box-shadow:0 10px 30px #10b98133}.premium-crown-icon{color:#fff;flex-shrink:0}.premium-banner-text h3{color:#fff;margin:0 0 4px;font-size:18px;font-weight:800}.premium-banner-text p{color:#fffc;margin:0;font-size:13px}.invite-banner-card{cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:20px;align-items:center;gap:16px;padding:24px 20px;transition:transform .2s;display:flex;position:relative;box-shadow:0 10px 30px #7c3aed33}.invite-banner-card:active{transform:scale(.98)}.invite-icon-box{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.invite-banner-text{flex:1}.invite-banner-text h3{color:#fff;margin:0 0 4px;font-size:18px;font-weight:800}.invite-banner-text p{color:#ffffffe6;margin:0;font-size:13px;font-weight:500}.share-icon-right{color:#fff9}.menu-list-container{flex-direction:column;gap:12px;display:flex}.menu-list-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:20px;transition:background .2s}.menu-list-item:active{background:#ffffff14}.menu-list-item span{color:#fff;font-size:16px;font-weight:500}.menu-item-content{justify-content:space-between;align-items:center;width:100%;display:flex}.menu-badge{background:var(--accent-primary);color:#fff;border-radius:10px;padding:2px 10px;font-size:12px;font-weight:700}.menu-badge.gray{color:#ffffffb3;background:#ffffff1a}.settings-btn-premium{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.settings-btn-premium:hover{background:#ffffff1a;transform:rotate(45deg)}.settings-btn-premium:active{transform:scale(.9)rotate(45deg)}.upgrade-banner-card{cursor:pointer;background:linear-gradient(135deg,#4285f4 0%,#34a853 100%);border:1px solid #fff3;border-radius:20px;align-items:center;gap:16px;margin-bottom:8px;padding:24px 20px;display:flex;box-shadow:0 10px 30px #4285f44d}.upgrade-icon-box{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.upgrade-banner-text h3{color:#fff;margin:0 0 4px;font-size:18px;font-weight:800}.upgrade-banner-text p{color:#ffffffe6;margin:0;font-size:13px;font-weight:500}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.notifications-page{background:var(--bg-primary);flex-direction:column;height:100vh;display:flex}.top-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.top-header h2{font-size:20px;font-weight:700}.requests-list{flex:1;padding:24px;overflow-y:auto}.empty-requests{text-align:center;color:var(--text-secondary);margin-top:40px}.request-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;display:flex}.req-user-info{align-items:center;gap:12px;display:flex}.req-avatar{object-fit:cover;border-radius:50%;width:50px;height:50px}.req-details h4{font-size:16px;font-weight:600}.req-details p{color:var(--text-secondary);font-size:13px}.req-actions{gap:8px;display:flex}.req-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.req-btn:active{transform:scale(.9)}.req-btn.accept{color:var(--success);background:#10b9811a}.req-btn.reject{color:var(--danger);background:#ef44441a}.notif-tabs{gap:12px;padding:0 24px 16px;display:flex}.tab-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;transition:all .2s;display:flex}.tab-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.tab-badge{color:var(--accent-primary);background:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:800}.tab-btn.active .tab-badge{color:var(--accent-primary);background:#fff}.tab-btn:not(.active) .tab-badge{background:var(--accent-primary);color:#fff}.alert-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:16px;margin-bottom:12px;padding:16px;display:flex}.alert-card.unread{background:#6366f10d;border-color:#6366f180}.alert-icon-wrapper{background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.notif-icon.view{color:#a855f7}.notif-icon.wave{color:#eab308}.notif-icon.nearby{color:#ec4899}.notif-icon.system{color:#3b82f6}.alert-details{flex:1}.alert-details p{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:500}.alert-details span{color:var(--text-tertiary);font-size:12px}.clickable-alert{cursor:pointer;transition:transform .2s,background .2s}.clickable-alert:active{transform:scale(.98)}.connections-page{background:var(--bg-primary);flex-direction:column;height:100vh;display:flex}.search-container{padding:0 20px 20px}.search-bar-new{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.search-bar-new:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 4px #f43f5e1a}.search-bar-new input{color:#fff;background:0 0;border:none;flex:1;margin-left:12px;font-size:15px}.connections-list{flex-direction:column;flex:1;gap:12px;padding:0 20px 40px;display:flex;overflow-y:auto}.friend-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:18px;align-items:center;gap:14px;padding:12px;display:flex}.friend-avatar-box{width:54px;height:54px;position:relative}.friend-avatar{object-fit:cover;border:2px solid var(--bg-tertiary);border-radius:50%;width:100%;height:100%}.online-indicator{border:2px solid var(--bg-secondary);background:#22c55e;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.friend-info{flex:1}.friend-info h4{margin:0 0 2px;font-size:16px;font-weight:700}.friend-info p{color:var(--text-tertiary);margin:0;font-size:13px}.friend-actions{gap:8px;display:flex}.chat-btn-circle{background:var(--bg-tertiary);width:44px;height:44px;color:var(--accent-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.chat-btn-circle:active{background:var(--accent-primary);color:#fff;transform:scale(.9)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.empty-state h3{margin:20px 0 8px;font-size:20px}.empty-state p{color:var(--text-tertiary);font-size:15px}.chat-screen{background-color:#0a0a0c;background-image:radial-gradient(circle at 0 0,#8b5cf61a 0%,#0000 40%),radial-gradient(circle at 100% 100%,#ec489914 0%,#0000 40%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2v-4h4v-2h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2v-4h4v-2H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.chat-header{-webkit-backdrop-filter:blur(20px);z-index:100;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:70px;padding:10px 16px;display:flex;background:#0a0a0ccc!important}.icon-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.icon-btn:active{background:#ffffff1a;transform:scale(.9)}.chat-header-user{flex:1;align-items:center;gap:12px;margin:0 8px;display:flex}.header-avatar-wrapper{display:flex;position:relative}.header-avatar{object-fit:cover;border:1px solid #ffffff1a;border-radius:15px;width:44px;height:44px}.online-dot-header{background:#10b981;border:2px solid #0a0a0c;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 10px #10b98199}.header-info h3{color:#fff;letter-spacing:-.3px;margin:0;font-size:17px;font-weight:700}.status{color:#a1a1aa;align-items:center;gap:6px;margin-top:1px;font-size:12px;display:flex}.status.online .online-indicator{background:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 5px #10b98166}.messages-container{scrollbar-width:none;flex-direction:column;flex:1;gap:8px;padding:20px 16px;display:flex;overflow-y:auto}.messages-container::-webkit-scrollbar{display:none}.message-wrapper{width:100%;margin-bottom:4px;display:flex}.message-wrapper.me{justify-content:flex-end}.message-wrapper.them{justify-content:flex-start}.message-bubble{border-radius:18px;max-width:80%;padding:10px 14px;transition:transform .2s;position:relative;box-shadow:0 4px 15px #0003}.message-bubble.them{color:#e4e4e7;background:#1e1e22;border:1px solid #ffffff0d;border-bottom-left-radius:4px}.message-bubble.me{color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777);border-bottom-right-radius:4px;box-shadow:0 4px 15px #7c3aed4d}.message-bubble p{word-wrap:break-word;margin:0;font-size:15px;line-height:1.5}.message-meta{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;display:flex}.message-time{color:#ffffff80;font-size:10px;font-weight:500}.chat-composer-wrapper{z-index:10;background:linear-gradient(#0000,#0a0a0c 20%);padding:12px 16px 30px}.chat-input-area{-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:28px;align-items:flex-end;gap:10px;padding:8px 12px;display:flex}.input-glass-wrapper{flex:1;align-items:flex-end;gap:8px;display:flex}.chat-input{color:#fff;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:120px;padding:8px 4px;font-size:16px;line-height:1.4}.chat-input::placeholder{color:#71717a}.icon-btn-secondary{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.icon-btn-secondary:hover{color:#fff;background:#ffffff0d}.send-btn{color:#71717a;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.send-btn.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777);transform:scale(1.1)rotate(-10deg);box-shadow:0 4px 15px #7c3aed80}.send-btn.active:hover{transform:scale(1.15)rotate(0)}.day-separator{justify-content:center;margin:20px 0;display:flex;position:relative}.day-separator:before{content:"";z-index:0;background:#ffffff0d;height:1px;position:absolute;top:50%;left:0;right:0}.day-separator span{color:#a1a1aa;z-index:1;text-transform:uppercase;letter-spacing:.5px;background:#18181b;border:1px solid #ffffff0d;border-radius:20px;padding:4px 16px;font-size:11px;font-weight:600}.typing-indicator{gap:4px;display:flex;background:#1e1e2280!important;padding:12px 16px!important}.typing-indicator .dot{background:#a1a1aa;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite both typingBounce}.typing-indicator .dot:first-child{animation-delay:-.32s}.typing-indicator .dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.1)}}.tick-seen{color:#38bdf8;filter:drop-shadow(0 0 3px #38bdf899)}.msg-reaction-badge{z-index:2;background:#18181b;border:1px solid #ffffff1a;border-radius:20px;padding:2px 8px;font-size:12px;position:absolute;bottom:-10px;right:8px;box-shadow:0 4px 10px #0006}.image-preview-container{border:1px solid #ffffff1a;border-radius:16px;width:fit-content;margin:0 16px 12px;position:relative;overflow:hidden}.composer-img-preview{max-height:120px;display:block}.remove-img-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:6px;right:6px}.chat-attached-image{border-radius:14px;max-width:100%;display:block}.reaction-picker-mini{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;z-index:50;background:#18181bf2;border:1px solid #ffffff1a;border-radius:24px;gap:6px;padding:8px 12px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:-42px;left:0;transform:translateY(10px)scale(.9);box-shadow:0 10px 25px #00000080}.message-wrapper.them:hover .reaction-picker-mini{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.react-btn{cursor:pointer;background:0 0;border:none;font-size:20px;transition:transform .2s}.react-btn:hover{transform:scale(1.4)}.animate-scale-in{animation:.2s cubic-bezier(.175,.885,.32,1.275) forwards scaleIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.empty-chat-placeholder{opacity:.5;color:#a1a1aa;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-chat-icon{margin-bottom:12px;font-size:40px}.header-actions{position:relative}.header-dropdown{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#1e1e22f2;border:1px solid #ffffff1a;border-radius:16px;width:180px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 30px #00000080}.dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.dropdown-item:hover{background:#ffffff0d}.dropdown-item.block{color:var(--danger)}.dropdown-item svg{opacity:.8}.ugc-notice{text-align:center;color:var(--text-tertiary);opacity:.6;margin-top:8px;font-size:11px}.chats-page-container{background:var(--bg-primary);flex-direction:column;height:100vh;display:flex}.chats-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:10;padding:24px 24px 16px}.chats-header h2{color:#fff;font-size:28px;font-weight:800}.chats-content{flex:1;padding:24px 24px 90px;overflow-y:auto}.empty-state{text-align:center;flex-direction:column;align-items:center;margin-top:60px;display:flex}.empty-icon-circle{background:#131118;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.empty-icon{color:#a1a1aa}.empty-state h3{color:#fff;margin-bottom:8px;font-size:20px;font-weight:700}.empty-state p{color:#a1a1aa;max-width:240px;font-size:14px}.chats-list{flex-direction:column;gap:8px;display:flex}.chat-item{cursor:pointer;background:0 0;border-radius:16px;align-items:center;gap:16px;padding:12px;transition:all .2s;display:flex}.chat-item:hover{background:#ffffff08}.chat-item:active{background:#ffffff0f;transform:scale(.98)}.chat-avatar-wrapper{display:flex;position:relative}.chat-avatar{object-fit:cover;border-radius:50%;width:56px;height:56px}.online-dot-list{border:3px solid var(--bg-primary);background:#10b981;border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px;box-shadow:0 0 6px #10b98180}.chat-details{flex:1}.chat-name-time{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-name-time h4{color:#fff;font-size:16px;font-weight:700}.chat-name-time span{color:#a1a1aa;font-size:12px}.chat-msg-badge{justify-content:space-between;align-items:center;display:flex}.chat-msg-badge p{color:#a1a1aa;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:14px;overflow:hidden}.unread-text{font-weight:600;color:#fff!important}.unread-pill{background:var(--accent-gradient);color:#fff;border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:800;box-shadow:0 2px 8px #a855f766}.legal-page-container{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.legal-header{background:var(--bg-glass);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--border-light);z-index:10;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:sticky;top:0}.header-title{align-items:center;gap:.5rem;display:flex}.header-icon{color:var(--accent-primary)}.legal-header h2{background:linear-gradient(135deg, var(--text-primary), var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.25rem;font-weight:700}.legal-content{max-width:800px;margin:0 auto;padding:2rem 1.5rem;line-height:1.6}.legal-content section{margin-bottom:2rem}.legal-content h3{color:var(--accent-primary);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.legal-content p{color:var(--text-secondary);font-size:.95rem}.last-updated{color:var(--text-tertiary);text-align:center;margin-top:3rem;padding-bottom:2rem;font-size:.8rem}.icon-btn-transparent{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background .3s;display:flex}.icon-btn-transparent:hover{background:var(--bg-tertiary)}.warning-box{text-align:center;background:#ef44440d;border:1px solid #ef44441a;border-radius:1.5rem;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding:2rem;display:flex}.warning-box h3{color:#ef4444!important;margin:0!important;font-size:1.25rem!important}.email-box-premium{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:1rem;align-items:center;gap:.75rem;margin:1rem 0;padding:1rem 1.5rem;display:flex}.email-box-premium a{color:var(--accent-primary);font-size:1.1rem;font-weight:600;text-decoration:none}.premium-list{margin-top:1rem;padding:0;list-style:none}.premium-list li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:1.5rem;position:relative}.premium-list li:before{content:"→";color:var(--accent-primary);font-weight:700;position:absolute;left:0}.caution-note{color:#eab308;background:#eab3080d;border-left:3px solid #eab308;border-radius:0 .5rem .5rem 0;margin-top:1.5rem;padding:1rem;font-size:.9rem}.bottom-nav{padding:12px 0;padding-bottom:calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);z-index:1000;background:#0a0a0cd9;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;text-decoration:none;transition:color .2s,transform .2s;display:flex}.nav-item:active{transform:scale(.9)}.nav-item span{font-size:12px;font-weight:500}.nav-item.active{color:#f43f5e}.notif-tab{position:relative}.nav-badge{color:#fff;background:#f43f5e;border:2px solid #0f111a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-2px;right:14px;box-shadow:0 0 6px #f43f5e66}.layout-container{background:var(--bg-primary);flex-direction:column;width:100%;height:100vh;display:flex;position:relative}.layout-content{padding-bottom:calc(70px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.verify-container{background:var(--bg-primary);flex-direction:column;align-items:center;height:100vh;padding:32px 24px;display:flex;position:relative}.verify-header{text-align:center;flex-direction:column;align-items:center;width:100%;margin-top:48px;margin-bottom:36px;display:flex}.btn-signout{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.btn-signout:hover{color:var(--danger);background:#ef44441a;border-color:#ef444433}.icon-circle-verify{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 100%);border:1px solid #6366f133;border-radius:24px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:flex;box-shadow:0 0 25px #6366f11a}.mail-icon-glow{color:var(--accent-primary);filter:drop-shadow(0 0 8px #6366f180)}.verify-title{color:var(--text-primary);margin-bottom:8px;font-size:26px;font-weight:700}.verify-tagline{color:var(--text-secondary);font-size:14px;line-height:1.6}.email-highlight{color:var(--text-primary);font-weight:600}.verify-body{flex-direction:column;width:100%;max-width:360px;display:flex}.otp-form{flex-direction:column;align-items:center;width:100%;display:flex}.otp-inputs{grid-template-columns:repeat(6,1fr);gap:10px;width:100%;margin-bottom:24px;display:grid}.otp-inputs input{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;height:52px;color:var(--text-primary);text-align:center;border-radius:12px;font-size:22px;font-weight:700;transition:all .2s}.otp-inputs input:focus{border-color:var(--accent-primary);background:var(--bg-tertiary);outline:none;box-shadow:0 0 0 3px #6366f126}.otp-inputs input.filled{border-color:#fff3}.btn-verify-submit{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;margin-bottom:24px;padding:16px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #6366f14d}.btn-verify-submit:active{transform:scale(.97)}.btn-verify-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.resend-section{flex-direction:column;align-items:center;gap:8px;margin-top:12px;display:flex}.resend-text{color:var(--text-tertiary);font-size:13px}.btn-resend{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.btn-resend:hover{opacity:.8}.btn-resend.cooldown-active{color:var(--text-tertiary);cursor:not-allowed}.btn-resend.cooldown-active:hover{opacity:1}.spin-icon{animation:1s linear infinite spin}.success-overlay{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b9810d;border:1px solid #10b98133;border-radius:16px;flex-direction:column;align-items:center;margin-bottom:24px;padding:32px;display:flex}.success-icon-pulse{color:var(--success);margin-bottom:16px;animation:2s ease-in-out infinite pulseSuccess}@keyframes pulseSuccess{0%{filter:drop-shadow(0 0 #10b98100);transform:scale(1)}50%{filter:drop-shadow(0 0 10px #10b98166);transform:scale(1.1)}to{filter:drop-shadow(0 0 #10b98100);transform:scale(1)}}.success-text-message{color:var(--success);font-size:16px;font-weight:600}.forgot-container{background:var(--bg-primary);flex-direction:column;align-items:center;height:100vh;padding:32px 24px;display:flex;position:relative}.forgot-header{text-align:center;flex-direction:column;align-items:center;width:100%;margin-top:48px;margin-bottom:36px;display:flex}.btn-back-login{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:600;transition:color .2s;display:flex;position:absolute;top:24px;left:24px}.btn-back-login:hover{color:var(--text-primary)}.icon-circle-forgot{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 100%);border:1px solid #6366f133;border-radius:24px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:flex;box-shadow:0 0 25px #6366f11a}.forgot-icon-glow{color:var(--accent-primary);filter:drop-shadow(0 0 8px #6366f180)}.forgot-title{color:var(--text-primary);margin-bottom:8px;font-size:26px;font-weight:700}.forgot-tagline{color:var(--text-secondary);max-width:320px;font-size:14px;line-height:1.6}.forgot-body{flex-direction:column;width:100%;max-width:360px;display:flex}.forgot-form{flex-direction:column;width:100%;display:flex}.input-field-forgot{align-items:center;margin-bottom:24px;display:flex;position:relative}.input-field-forgot input{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:16px;padding:16px 16px 16px 48px;font-size:16px;font-weight:500;transition:all .2s}.input-field-forgot input:focus{border-color:var(--accent-primary);background:var(--bg-tertiary);outline:none;box-shadow:0 0 0 3px #6366f126}.field-icon-forgot{color:var(--text-tertiary);pointer-events:none;position:absolute;left:16px}.btn-forgot-submit{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #6366f14d}.btn-forgot-submit:active{transform:scale(.97)}.btn-forgot-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-message-box{text-align:center;color:var(--success);background:#10b9811a;border:1px solid #10b98133;border-radius:16px;padding:16px;font-size:15px;font-weight:600}.reset-container{background:var(--bg-primary);flex-direction:column;align-items:center;height:100vh;padding:32px 24px;display:flex;position:relative}.reset-header{text-align:center;flex-direction:column;align-items:center;width:100%;margin-top:48px;margin-bottom:36px;display:flex}.btn-back-forgot{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:600;transition:color .2s;display:flex;position:absolute;top:24px;left:24px}.btn-back-forgot:hover{color:var(--text-primary)}.icon-circle-reset{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 100%);border:1px solid #6366f133;border-radius:24px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:flex;box-shadow:0 0 25px #6366f11a}.reset-icon-glow{color:var(--accent-primary);filter:drop-shadow(0 0 8px #6366f180)}.reset-title{color:var(--text-primary);margin-bottom:8px;font-size:26px;font-weight:700}.reset-tagline{color:var(--text-secondary);max-width:320px;font-size:14px;line-height:1.6}.email-span{color:var(--text-primary);font-weight:600}.reset-body{flex-direction:column;width:100%;max-width:360px;display:flex}.reset-form{flex-direction:column;width:100%;display:flex}.input-field-reset{align-items:center;margin-bottom:16px;display:flex;position:relative}.input-field-reset input{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:16px;padding:16px 16px 16px 48px;font-size:16px;font-weight:500;transition:all .2s}.input-field-reset input:focus{border-color:var(--accent-primary);background:var(--bg-tertiary);outline:none;box-shadow:0 0 0 3px #6366f126}.input-field-reset .otp-code-input{text-align:center;letter-spacing:4px;padding-left:16px;font-size:20px;font-weight:700}.field-icon-reset{color:var(--text-tertiary);pointer-events:none;position:absolute;left:16px}.password-toggle-reset{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:16px}.password-toggle-reset:hover{color:var(--text-secondary)}.btn-reset-submit{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:12px;padding:16px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #6366f14d}.btn-reset-submit:active{transform:scale(.97)}.btn-reset-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-overlay-reset{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b9810d;border:1px solid #10b98133;border-radius:16px;flex-direction:column;align-items:center;margin-bottom:24px;padding:32px;display:flex}.success-icon-pulse-reset{color:var(--success);margin-bottom:16px;animation:2s ease-in-out infinite pulseSuccessReset}@keyframes pulseSuccessReset{0%{filter:drop-shadow(0 0 #10b98100);transform:scale(1)}50%{filter:drop-shadow(0 0 10px #10b98166);transform:scale(1.1)}to{filter:drop-shadow(0 0 #10b98100);transform:scale(1)}}.success-text-message-reset{color:var(--success);font-size:16px;font-weight:600;line-height:1.5}:root{--bg-primary:#0a0a0c;--bg-secondary:#16161a;--bg-tertiary:#202026;--text-primary:#fff;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--border-color:#ffffff14;--border-color-hover:#ffffff26;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);overscroll-behavior-y:none;justify-content:center;width:100vw;height:100dvh;display:flex;overflow:hidden}#root{background-color:var(--bg-primary);width:100%;max-width:480px;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);position:relative;overflow:hidden auto;box-shadow:0 0 20px #00000080}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}input,textarea,select{font-size:16px!important}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-pulse{animation:2s infinite pulse}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:transform .2s,opacity .2s;display:flex}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{opacity:.9}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn-outline:hover{background:var(--bg-secondary);border-color:var(--border-color-hover)}.btn-outline:active{transform:scale(.98)}.input-field{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.input-field::placeholder{color:var(--text-tertiary)}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#16161ab3;border-radius:16px}.country-select{color:#fff;cursor:pointer;appearance:none;background:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 6px center/10px no-repeat;border:none;border-right:1px solid #ffffff14;outline:none;height:48px;padding-left:14px;padding-right:22px;font-size:14px;font-weight:600;transition:border-color .2s}.country-select:focus{border-right-color:var(--accent-primary)}.country-select option{color:#fff;background-color:#16161a;padding:8px}.modern-input-field.has-select input,.input-field-forgot.has-select input{padding-left:12px!important}