*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #ff6b35;--primary-dark: #e55a2b;--secondary: #7c4dff;--success: #4caf50;--warning: #ff9800;--danger: #f44336;--dark: #1a1a2e;--darker: #16162a;--light: #f5f5f5;--gray: #888;--border: #333;--card-bg: #252542;--text: #eaeaea;--text-muted: #aaa}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--dark);color:var(--text);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.layout{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding:40px 0}.header{background:var(--darker);border-bottom:1px solid var(--border);padding:16px 0;position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.logo-heart{color:var(--primary);font-size:28px}.nav{display:flex;align-items:center;gap:24px}.nav a{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .2s}.nav a:hover{color:var(--text)}.footer{background:var(--darker);border-top:1px solid var(--border);padding:24px 0;margin-top:auto}.footer .container{display:flex;justify-content:space-between;align-items:center}.footer p{color:var(--text-muted);font-size:14px}.footer nav{display:flex;gap:24px}.footer nav a{color:var(--text-muted);text-decoration:none;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-large{padding:16px 32px;font-size:18px}.btn-small{padding:8px 16px;font-size:14px}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--card-bg);border-radius:12px;padding:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-muted)}input[type=text],input[type=email],input[type=password],input[type=date],textarea,select{width:100%;padding:12px 16px;background:var(--darker);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;transition:border-color .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)}.checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.checkbox-group label{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--darker);border-radius:20px;cursor:pointer;font-weight:400;color:var(--text)}.checkbox-group input{width:auto}.error-message{background:#f443361a;border:1px solid var(--danger);color:var(--danger);padding:12px 16px;border-radius:8px;margin-bottom:20px}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 12px;background:var(--darker);border-radius:16px;font-size:14px;color:var(--text-muted)}.tag-category{background:var(--primary);color:#fff}.tier-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.tier-free{background:var(--card-bg);color:var(--text-muted)}.tier-plus{background:var(--secondary);color:#fff}.tier-gold{background:linear-gradient(135deg,gold,#ff8c00);color:#1a1a2e}.verified-badge{color:var(--success);margin-left:4px}.online-badge{background:var(--success);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px}.hero{text-align:center;padding:80px 0;background:linear-gradient(135deg,var(--darker),var(--dark))}.hero h1{font-size:48px;margin-bottom:16px}.hero p{font-size:20px;color:var(--text-muted);margin-bottom:32px}.hero-actions{display:flex;gap:16px;justify-content:center}.features{padding:80px 0}.features h2{text-align:center;margin-bottom:48px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feature{text-align:center;padding:32px}.feature-icon{font-size:48px;margin-bottom:16px;display:block}.feature h3{margin-bottom:8px}.feature p{color:var(--text-muted)}.categories{padding:80px 0;background:var(--darker)}.categories h2{text-align:center;margin-bottom:48px}.category-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.category-card{background:var(--card-bg);border-radius:16px;padding:32px;text-align:center;transition:transform .2s}.category-card:hover{transform:translateY(-4px)}.category-icon{font-size:48px;margin-bottom:16px;display:block}.category-card h3{margin-bottom:8px}.category-card p{color:var(--text-muted);font-size:14px}.cta{text-align:center;padding:80px 0}.cta h2{margin-bottom:16px}.cta p{color:var(--text-muted);margin-bottom:32px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:40px 20px}.auth-container{background:var(--card-bg);border-radius:16px;padding:48px;width:100%;max-width:440px}.auth-container h1{margin-bottom:8px}.auth-container>p{color:var(--text-muted);margin-bottom:32px}.auth-tabs{display:flex;gap:8px;margin-bottom:24px}.auth-tabs .tab{flex:1;padding:12px;background:var(--darker);border:none;border-radius:8px;color:var(--text-muted);cursor:pointer}.auth-tabs .tab.active{background:var(--primary);color:#fff}.auth-footer{text-align:center;margin-top:24px;color:var(--text-muted)}.auth-footer a{color:var(--primary)}.code-input{text-align:center;font-size:24px;letter-spacing:8px;font-family:monospace}.sl-verify-info{background:var(--darker);border-radius:8px;padding:16px;margin-bottom:24px}.sl-verify-info ol{margin-left:20px;color:var(--text-muted)}.register-steps{margin-bottom:32px}.step{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.step-number{width:32px;height:32px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step-content h3{margin-bottom:4px}.step-content p{color:var(--text-muted);font-size:14px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.stats{display:flex;gap:32px}.stat{text-align:center}.stat-value{display:block;font-size:32px;font-weight:700;color:var(--primary)}.stat-label{color:var(--text-muted);font-size:14px}.matches-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.match-item{text-align:center;text-decoration:none;color:var(--text)}.match-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;margin-bottom:8px}.match-name{font-size:14px}.actions-list{display:flex;flex-direction:column;gap:8px}.action-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--darker);border-radius:8px;color:var(--text);text-decoration:none;transition:background .2s}.action-item:hover{background:var(--border)}.action-icon{font-size:24px}.badge{background:var(--primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;margin-left:auto}.empty-state{color:var(--text-muted);text-align:center;padding:20px}.setup-prompt{text-align:center;margin-bottom:32px}.setup-prompt p{margin:16px 0;color:var(--text-muted)}.browse-page .container{max-width:500px}.category-tabs{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto}.tab{padding:10px 20px;background:var(--card-bg);border:none;border-radius:20px;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .2s}.tab.active{background:var(--primary);color:#fff}.browse-card{background:var(--card-bg);border-radius:16px;overflow:hidden}.card-photo{position:relative;aspect-ratio:3/4}.card-photo img{width:100%;height:100%;object-fit:cover}.card-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(transparent,#000c)}.card-overlay h2{font-size:28px;margin-bottom:4px}.card-overlay p{color:var(--text-muted)}.card-overlay .verified{color:var(--success)}.card-overlay .online{background:var(--success);padding:4px 8px;border-radius:12px;font-size:12px;margin-left:8px}.card-body{padding:20px}.card-body .about{color:var(--text-muted);margin-bottom:16px}.card-body .interests{display:flex;flex-wrap:wrap;gap:8px}.card-actions{display:flex;justify-content:center;gap:20px;padding:20px}.action-btn{width:64px;height:64px;border-radius:50%;border:none;font-size:28px;cursor:pointer;transition:transform .2s}.action-btn:hover{transform:scale(1.1)}.action-btn:active{transform:scale(.95)}.action-btn.pass{background:var(--darker);color:var(--danger)}.action-btn.like{background:var(--primary);color:#fff}.action-btn.superlike{background:var(--secondary);color:#fff;width:56px;height:56px;font-size:24px}.no-profiles{text-align:center;padding:60px 20px}.no-profiles h2{margin-bottom:16px}.no-profiles p{color:var(--text-muted);margin-bottom:24px}.browse-info{text-align:center;margin-top:16px;color:var(--text-muted);font-size:14px}.match-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.match-content{background:var(--card-bg);border-radius:20px;padding:48px;text-align:center;max-width:400px}.match-content h2{font-size:32px;margin-bottom:16px}.match-content p{color:var(--text-muted);margin-bottom:24px}.match-actions{display:flex;flex-direction:column;gap:12px}.messages-layout{display:grid;grid-template-columns:300px 1fr;gap:24px;min-height:calc(100vh - 200px)}.conversations-sidebar{background:var(--card-bg);border-radius:12px;padding:20px}.conversations-sidebar h2{margin-bottom:16px}.conversations-list{list-style:none}.conversation-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;text-decoration:none;color:var(--text);transition:background .2s}.conversation-item:hover,.conversation-item.active{background:var(--darker)}.conversation-item img{width:48px;height:48px;border-radius:50%;object-fit:cover}.conversation-info{flex:1;min-width:0}.conversation-info .name{display:block;font-weight:500}.conversation-info .preview{display:block;color:var(--text-muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-dot{width:10px;height:10px;background:var(--primary);border-radius:50%}.chat-area{background:var(--card-bg);border-radius:12px;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.chat-header img{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-header-info{flex:1}.chat-header-info h3{margin-bottom:2px}.chat-header-info .category{color:var(--text-muted);font-size:14px}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message{max-width:70%;padding:12px 16px;border-radius:16px}.message.sent{align-self:flex-end;background:var(--primary)}.message.received{align-self:flex-start;background:var(--darker)}.message .time{display:block;font-size:11px;color:#fff9;margin-top:4px}.message-form{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--border)}.message-form input{flex:1}.no-chat-selected,.no-messages{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.premium-header{text-align:center;margin-bottom:48px}.premium-header h1{margin-bottom:16px}.premium-header p{color:var(--text-muted);font-size:18px}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:64px}.tier-card{background:var(--card-bg);border-radius:16px;padding:32px;text-align:center;position:relative}.tier-card.gold{border:2px solid #ffd700}.tier-card.current{opacity:.7}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,gold,#ff8c00);color:#1a1a2e;padding:4px 16px;border-radius:12px;font-size:12px;font-weight:600}.tier-card h2{margin-bottom:16px}.tier-card .price{margin-bottom:24px}.tier-card .amount{font-size:40px;font-weight:700}.tier-card .period{color:var(--text-muted)}.tier-card .features{list-style:none;text-align:left;margin-bottom:24px}.tier-card .features li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.tier-card .features .check{color:var(--success)}.how-to-upgrade{background:var(--card-bg);border-radius:16px;padding:48px;margin-bottom:48px}.how-to-upgrade h2{text-align:center;margin-bottom:32px}.how-to-upgrade .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}.faq h2{margin-bottom:24px}.faq-list details{background:var(--card-bg);border-radius:8px;margin-bottom:8px}.faq-list summary{padding:16px 20px;cursor:pointer;font-weight:500}.faq-list details[open] summary{border-bottom:1px solid var(--border)}.faq-list details p{padding:16px 20px;color:var(--text-muted)}.profile-page .container{max-width:800px}.profile-header{display:flex;gap:32px;margin-bottom:32px}.profile-photo-large img{width:200px;height:200px;border-radius:16px;object-fit:cover}.profile-info{flex:1}.profile-info h1{font-size:32px;margin-bottom:8px}.profile-meta{color:var(--text-muted);margin-bottom:12px}.profile-section{background:var(--card-bg);border-radius:12px;padding:24px;margin-bottom:16px}.profile-section h2{font-size:14px;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.photo-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.profile-actions{display:flex;justify-content:center;gap:16px;margin-top:24px}.profile-actions .btn-pass{background:var(--darker);color:var(--danger)}.profile-actions .btn-like{background:var(--primary);color:#fff}.profile-actions .btn-superlike{background:var(--secondary);color:#fff}@media (max-width: 768px){.hero h1{font-size:32px}.hero-actions{flex-direction:column}.messages-layout{grid-template-columns:1fr}.conversations-sidebar{display:none}.profile-header{flex-direction:column;text-align:center}.nav{gap:12px}}