@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.6;--radius: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow: 0 4px 24px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.12);--transition: .25s cubic-bezier(.4, 0, .2, 1);--gradient-romantic: linear-gradient(135deg, #f43f5e, #ec4899, #a855f7);--gradient-warm: linear-gradient(135deg, #f97316, #f43f5e, #ec4899);--gradient-cool: linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7);--gradient-sunset: linear-gradient(135deg, #f43f5e 0%, #fb923c 50%, #fbbf24 100%);--bg-primary: #0f0f14;--bg-secondary: #1a1a24;--bg-card: #1e1e2a;--bg-card-hover: #252538;--bg-input: #1a1a24;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f0f0f5;--text-secondary: #9d9db5;--text-muted: #6b6b80;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--accent: #f43f5e;--accent-hover: #fb7185;--accent-soft: rgba(244, 63, 94, .12);--success: #34d399;--warning: #fbbf24;--danger: #ef4444;--online: #34d399;--nav-bg: rgba(15, 15, 20, .85)}[data-theme=dark]{--bg-primary: #0f0f14;--bg-secondary: #1a1a24;--bg-card: #1e1e2a;--bg-card-hover: #252538;--bg-input: #1a1a24;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f0f0f5;--text-secondary: #9d9db5;--text-muted: #6b6b80;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--accent: #f43f5e;--accent-hover: #fb7185;--accent-soft: rgba(244, 63, 94, .12);--success: #34d399;--warning: #fbbf24;--danger: #ef4444;--online: #34d399;--nav-bg: rgba(15, 15, 20, .85)}[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fdf2f8;--bg-input: #f5f5f7;--bg-overlay: rgba(255, 255, 255, .8);--text-primary: #1a1a2e;--text-secondary: #5a5a72;--text-muted: #9d9db5;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--accent: #e11d48;--accent-hover: #f43f5e;--accent-soft: rgba(225, 29, 72, .08);--success: #10b981;--warning: #f59e0b;--danger: #dc2626;--online: #10b981;--nav-bg: rgba(255, 255, 255, .85)}html,body,#root{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:background var(--transition),color var(--transition)}body{-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.page{min-height:100vh;padding-top:80px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:all var(--transition);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-romantic);color:#fff;box-shadow:0 4px 16px #f43f5e4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #f43f5e66}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-card-hover)}.btn-ghost{background:transparent;color:var(--text-primary);border:none}.btn-ghost:hover{background:var(--accent-soft);color:var(--accent)}.btn-outline{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.btn-outline:hover{background:var(--accent);color:#fff}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%}.btn-icon.btn-sm{width:32px;height:32px}.input-group{display:flex;flex-direction:column;gap:.4rem}.input-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.input{padding:.75rem 1rem;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:all var(--transition);outline:none;width:100%}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:100px}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%239d9db5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-success{background:#34d3991f;color:var(--success)}.badge-premium{background:linear-gradient(135deg,#fbbf24,#f97316);color:#fff}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.avatar-sm{width:36px;height:36px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:96px;height:96px}.avatar-2xl{width:128px;height:128px}.avatar-online{border-color:var(--online)}.toggle{position:relative;width:48px;height:26px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:var(--radius-full);transition:all var(--transition)}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all var(--transition)}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.tab{padding:.75rem 1.25rem;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;transition:all var(--transition);background:none;border-top:none;border-left:none;border-right:none}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-slide-down{animation:slideDown .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-heart{animation:heartBeat 1.2s ease-in-out infinite}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 1.5rem;height:64px;display:flex;align-items:center}.navbar-inner{max-width:1200px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:.5rem;font-size:1.35rem;font-weight:800;background:var(--gradient-romantic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-.02em}.navbar-nav{display:flex;align-items:center;gap:.5rem}.nav-link{padding:.5rem .75rem;border-radius:var(--radius);color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:all var(--transition);text-decoration:none;display:flex;align-items:center;gap:.4rem}.nav-link:hover{color:var(--text-primary);background:var(--accent-soft)}.nav-link.active{color:var(--accent);background:var(--accent-soft)}.notification-dot{position:relative}.notification-dot:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--accent);border-radius:50%;border:2px solid var(--nav-bg)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:3rem 1.5rem 1.5rem;margin-top:4rem}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-col h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1rem}.footer-col a{display:block;color:var(--text-secondary);padding:.25rem 0;font-size:.9rem;transition:color var(--transition)}.footer-col a:hover{color:var(--accent)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted);flex-wrap:wrap;gap:1rem}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:6rem 1.5rem 4rem}.hero:before{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:80%;background:radial-gradient(circle,rgba(244,63,94,.15) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-30%;left:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);pointer-events:none}.hero-content{max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-text h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.03em}.hero-text h1 span{background:var(--gradient-romantic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text p{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;line-height:1.7}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-stats{display:flex;gap:2.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.hero-stat{text-align:center}.hero-stat .number{font-size:2rem;font-weight:800;background:var(--gradient-romantic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat .label{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.hero-cards{position:relative;width:320px;height:420px}.hero-card{position:absolute;width:280px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.hero-card:nth-child(1){top:0;left:0;transform:rotate(-5deg);z-index:1}.hero-card:nth-child(2){top:20px;left:40px;transform:rotate(3deg);z-index:2}.hero-card:nth-child(3){top:40px;left:20px;transform:rotate(-1deg);z-index:3}.hero-card-img{width:100%;height:200px;object-fit:cover}.hero-card-info{padding:1rem}.hero-card-info h3{font-size:1rem;font-weight:600}.hero-card-info p{font-size:.8rem;color:var(--text-muted)}.features-section{padding:6rem 1.5rem;background:var(--bg-secondary)}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card{padding:2rem;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);transition:all var(--transition);text-align:center}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.feature-icon{width:56px;height:56px;border-radius:16px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem}.feature-card h3{font-size:1.1rem;margin-bottom:.5rem}.feature-card p{font-size:.9rem;color:var(--text-secondary)}.cta-section{padding:6rem 1.5rem;text-align:center}.cta-section h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;margin-bottom:1rem}.cta-section p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;position:relative}.auth-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top,rgba(244,63,94,.08) 0%,transparent 60%);pointer-events:none}.auth-card{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;position:relative;z-index:1;box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-divider{display:flex;align-items:center;gap:1rem;color:var(--text-muted);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.social-buttons{display:flex;gap:.75rem}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.social-btn:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.85rem;color:var(--text-muted)}.auth-footer a{color:var(--accent);font-weight:500}.password-strength{height:4px;border-radius:2px;background:var(--border);overflow:hidden;margin-top:.25rem}.password-strength-bar{height:100%;border-radius:2px;transition:all var(--transition)}.strength-weak{width:33%;background:var(--danger)}.strength-medium{width:66%;background:var(--warning)}.strength-strong{width:100%;background:var(--success)}.checkbox-group{display:flex;align-items:flex-start;gap:.5rem}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);margin-top:2px;flex-shrink:0}.checkbox-group label{font-size:.85rem;color:var(--text-secondary);cursor:pointer}.interest-tags{display:flex;flex-wrap:wrap;gap:.5rem}.interest-tag{padding:.4rem .85rem;border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--transition)}.interest-tag:hover{border-color:var(--accent);color:var(--accent)}.interest-tag.selected{background:var(--accent);border-color:var(--accent);color:#fff}.age-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .3s ease-out}.age-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:3rem;max-width:460px;width:100%;text-align:center;box-shadow:var(--shadow-lg);animation:scaleIn .3s ease-out}.age-modal .icon{width:64px;height:64px;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem}.age-modal h2{font-size:1.4rem;font-weight:700;margin-bottom:.75rem}.age-modal p{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.age-buttons{display:flex;gap:1rem;justify-content:center}.dashboard{padding-top:80px;min-height:100vh}.dashboard-header{padding:2rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.dashboard-header h1{font-size:1.75rem;font-weight:700}.dashboard-header h1 span{background:var(--gradient-romantic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.stat-icon.pink{background:#f43f5e1f}.stat-icon.purple{background:#a855f71f}.stat-icon.green{background:#34d3991f}.stat-icon.amber{background:#fbbf241f}.stat-info .number{font-size:1.5rem;font-weight:700}.stat-info .label{font-size:.8rem;color:var(--text-muted)}.discovery-page{padding-top:80px;min-height:100vh}.discovery-layout{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;display:grid;grid-template-columns:1fr 340px;gap:2rem}.discovery-main{display:flex;flex-direction:column;align-items:center}.swipe-container{position:relative;width:100%;max-width:380px;height:520px;perspective:1000px}.swipe-card{position:absolute;width:100%;height:100%;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);cursor:grab;transition:transform .5s ease,opacity .5s ease;-webkit-user-select:none;user-select:none}.swipe-card:active{cursor:grabbing}.swipe-card-img{width:100%;height:65%;object-fit:cover;background:linear-gradient(135deg,#1a1a2e,#2d1b3d)}.swipe-card-gradient{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(transparent,var(--bg-card));pointer-events:none}.swipe-card-info{position:absolute;bottom:0;left:0;right:0;padding:1.25rem}.swipe-card-info h3{font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.swipe-card-info .age{font-weight:400;color:var(--text-secondary)}.swipe-card-info .location{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem;display:flex;align-items:center;gap:.3rem}.swipe-card-info .bio{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.swipe-card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.swipe-card-tag{padding:.2rem .6rem;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);font-size:.7rem;font-weight:500}.swipe-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.swipe-btn{width:56px;height:56px;border-radius:50%;border:2px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.swipe-btn:hover{transform:scale(1.1)}.swipe-btn.like{border-color:var(--accent);color:var(--accent)}.swipe-btn.like:hover{background:var(--accent);color:#fff}.swipe-btn.nope{border-color:var(--danger);color:var(--danger)}.swipe-btn.nope:hover{background:var(--danger);color:#fff}.swipe-btn.super{border-color:#3b82f6;color:#3b82f6}.swipe-btn.super:hover{background:#3b82f6;color:#fff}.swipe-btn.boost{border-color:var(--warning);color:var(--warning)}.swipe-btn.boost:hover{background:var(--warning);color:#fff}.compatibility{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.compatibility-bar{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.compatibility-fill{height:100%;border-radius:3px;background:var(--gradient-romantic);transition:width .5s ease}.compatibility-text{font-size:.8rem;font-weight:600;color:var(--accent)}.discovery-sidebar{display:flex;flex-direction:column;gap:1.5rem}.filter-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.filter-card h3{font-size:.95rem;font-weight:600;margin-bottom:1rem}.range-slider{width:100%;accent-color:var(--accent)}.range-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.profile-page{padding-top:80px;min-height:100vh}.profile-header{position:relative;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:3rem 1.5rem 2rem}.profile-header-inner{max-width:900px;margin:0 auto;display:flex;gap:2rem;align-items:flex-start}.profile-avatar-wrapper{position:relative}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}.verified-badge{position:absolute;bottom:4px;right:4px;width:28px;height:28px;background:#3b82f6;border:3px solid var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem}.profile-info h1{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.profile-info .username{color:var(--text-muted);font-size:.9rem}.profile-info .bio{margin-top:.75rem;color:var(--text-secondary);font-size:.95rem;max-width:600px}.profile-meta{display:flex;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.profile-meta-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted)}.profile-tabs{max-width:900px;margin:0 auto}.profile-content{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.photo-item{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:2rem;cursor:pointer;transition:all var(--transition)}.photo-item:hover{border-color:var(--accent)}.photo-item img{width:100%;height:100%;object-fit:cover}.profile-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.detail-card h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem}.detail-card p{font-size:.9rem;color:var(--text-secondary)}.messages-page{padding-top:64px;height:100vh;display:flex}.chat-sidebar{width:340px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.chat-sidebar-header{padding:1.25rem;border-bottom:1px solid var(--border)}.chat-sidebar-header h2{font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.chat-search{padding:.6rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;width:100%;outline:none;font-family:inherit}.chat-list{flex:1;overflow-y:auto}.chat-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--border)}.chat-item:hover{background:var(--bg-card-hover)}.chat-item.active{background:var(--accent-soft)}.chat-item-info{flex:1;min-width:0}.chat-item-name{font-size:.9rem;font-weight:600}.chat-item-preview{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-time{font-size:.7rem;color:var(--text-muted)}.chat-item-unread{width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.chat-main{flex:1;display:flex;flex-direction:column}.chat-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem;background:var(--bg-secondary)}.chat-header-info h3{font-size:.95rem;font-weight:600}.chat-header-info span{font-size:.75rem;color:var(--text-muted)}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.message{max-width:70%;padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:.9rem;line-height:1.5;animation:slideUp .2s ease-out}.message.sent{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.message.received{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:4px}.message-time{font-size:.65rem;margin-top:.25rem;opacity:.7}.chat-input-area{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;gap:.75rem;align-items:center;background:var(--bg-secondary)}.chat-input{flex:1;padding:.75rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:.9rem;outline:none;font-family:inherit}.chat-input:focus{border-color:var(--accent)}.send-btn{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.send-btn:hover{transform:scale(1.05);background:var(--accent-hover)}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:1rem}.chat-empty-icon{font-size:3rem;opacity:.5}.settings-page{padding-top:80px;min-height:100vh}.settings-layout{max-width:900px;margin:0 auto;padding:2rem 1.5rem;display:grid;grid-template-columns:220px 1fr;gap:2rem}.settings-nav{display:flex;flex-direction:column;gap:.25rem}.settings-nav-item{padding:.65rem 1rem;border-radius:var(--radius);font-size:.9rem;cursor:pointer;transition:all var(--transition);color:var(--text-secondary);background:none;border:none;text-align:left;font-family:inherit}.settings-nav-item:hover{background:var(--accent-soft);color:var(--text-primary)}.settings-nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.settings-section h3{font-size:1rem;font-weight:600;margin-bottom:1rem}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-row-label{font-size:.9rem}.settings-row-desc{font-size:.8rem;color:var(--text-muted);margin-top:.15rem}.premium-page{padding-top:80px;min-height:100vh}.premium-hero{text-align:center;padding:4rem 1.5rem;position:relative;overflow:hidden}.premium-hero:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(251,191,36,.1) 0%,transparent 60%);pointer-events:none}.premium-hero h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.premium-hero h1 span{background:linear-gradient(135deg,#fbbf24,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-hero p{color:var(--text-secondary);font-size:1.1rem;max-width:500px;margin:0 auto}.pricing-grid{max-width:900px;margin:0 auto;padding:0 1.5rem 4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;text-align:center;position:relative;transition:all var(--transition)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.popular{border-color:var(--accent);box-shadow:0 0 30px #f43f5e26}.pricing-card.popular:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-romantic);color:#fff;padding:.25rem 1rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.pricing-card h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.pricing-card .price{font-size:2.5rem;font-weight:800;margin:1rem 0}.pricing-card .price span{font-size:.9rem;font-weight:400;color:var(--text-muted)}.pricing-features{list-style:none;text-align:left;margin:1.5rem 0;display:flex;flex-direction:column;gap:.6rem}.pricing-features li{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.pricing-features li:before{content:"✓";color:var(--success);font-weight:700}.help-page{padding-top:80px;min-height:100vh}.help-hero{text-align:center;padding:3rem 1.5rem}.help-hero h1{font-size:2rem;font-weight:800;margin-bottom:.5rem}.help-hero p{color:var(--text-secondary)}.help-search{max-width:600px;margin:0 auto 3rem;position:relative}.help-search input{width:100%;padding:1rem 1.5rem 1rem 3rem;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:1rem;outline:none;font-family:inherit}.help-search input:focus{border-color:var(--accent)}.help-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.faq-grid{max-width:800px;margin:0 auto;padding:0 1.5rem 4rem;display:flex;flex-direction:column;gap:.75rem}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.faq-question{width:100%;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;background:none;border:none;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;font-family:inherit;text-align:left}.faq-question:hover{background:var(--bg-card-hover)}.faq-arrow{transition:transform var(--transition);color:var(--text-muted)}.faq-arrow.open{transform:rotate(180deg)}.faq-answer{padding:0 1.25rem 1rem;font-size:.9rem;color:var(--text-secondary);line-height:1.7;animation:slideUp .2s ease-out}.support-grid{max-width:900px;margin:0 auto;padding:0 1.5rem 4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.support-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:all var(--transition)}.support-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.support-icon{width:48px;height:48px;border-radius:14px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.3rem}.support-card h3{font-size:1rem;margin-bottom:.5rem}.support-card p{font-size:.85rem;color:var(--text-secondary)}.daily-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.daily-section h2{font-size:1.1rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.daily-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.daily-card{text-align:center;cursor:pointer;transition:all var(--transition)}.daily-card:hover{transform:translateY(-2px)}.daily-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);border:2px solid var(--border);transition:border-color var(--transition)}.daily-card:hover img{border-color:var(--accent)}.daily-card h4{font-size:.85rem;margin-top:.5rem;font-weight:600}.daily-card p{font-size:.75rem;color:var(--text-muted)}.notifications-panel{position:fixed;top:64px;right:1rem;width:360px;max-height:480px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;animation:slideDown .2s ease-out}.notifications-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.notifications-header h3{font-size:.95rem;font-weight:600}.notifications-list{max-height:380px;overflow-y:auto}.notification-item{display:flex;gap:.75rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);transition:background var(--transition);cursor:pointer}.notification-item:hover{background:var(--bg-card-hover)}.notification-item.unread{background:var(--accent-soft)}.notification-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.notification-icon.match{background:#f43f5e1f}.notification-icon.like{background:#fbbf241f}.notification-icon.message{background:#6366f11f}.notification-icon.system{background:#34d3991f}.notification-text{font-size:.85rem;line-height:1.4}.notification-time{font-size:.7rem;color:var(--text-muted);margin-top:.2rem}@media(max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-text p{margin:0 auto 2rem}.hero-actions,.hero-stats{justify-content:center}.hero-visual{display:none}.discovery-layout{grid-template-columns:1fr}.discovery-sidebar{display:none}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.settings-nav-item{white-space:nowrap}.chat-sidebar{width:100%;position:absolute;z-index:10;height:calc(100vh - 64px)}.chat-sidebar.hidden{display:none}.profile-header-inner{flex-direction:column;align-items:center;text-align:center}.profile-meta{justify-content:center}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.navbar-nav .nav-text{display:none}}@media(max-width:480px){.auth-card{padding:1.5rem}.age-modal{padding:2rem}.swipe-container{height:450px}.pricing-grid{grid-template-columns:1fr}}