@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,800&family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--primary:#ae2f34;--primary-container:#ff6b6b;--on-primary:#fff;--on-primary-container:#6d0010;--primary-fixed:#ffdad8;--secondary:#5f5e5e;--secondary-container:#e4e2e1;--tertiary:#894e45;--tertiary-container:#cf8a7f;--surface:#fdf9f3;--surface-dim:#dddad4;--surface-container-lowest:#fff;--surface-container-low:#f7f3ed;--surface-container:#f1ede7;--surface-container-high:#ebe8e2;--surface-container-highest:#e6e2dc;--on-surface:#1c1c18;--on-surface-variant:#584140;--on-background:#1c1c18;--outline:#8c706f;--outline-variant:#e0bfbd;--error:#ba1a1a;--error-container:#ffdad6;--inverse-surface:#31302d;--inverse-on-surface:#f4f0ea;--primary-gradient:linear-gradient(45deg, #ae2f34, #ff6b6b);--editorial-shadow:0 24px 48px -12px #ae2f3414;--card-shadow:0 8px 24px #ae2f340a;--radius:1rem;--radius-lg:2rem;--radius-full:9999px;--font-headline:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--primary-color:#ae2f34;--secondary-color:#ff6b6b;--accent-gold:#894e45;--bg-color:#fdf9f3;--text-color:#1c1c18;--text-light:#584140;--border-color:#e0bfbd}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline)}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:3px}::selection{background:var(--primary-fixed);color:var(--on-primary-container)}.landing-container{color:#111418;background-color:#fff;flex-direction:column;min-height:100vh;display:flex}.landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#ffffffe6;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.landing-logo{align-items:center;gap:8px;display:flex}.landing-logo h2{background:linear-gradient(90deg,#fd5068,#ff7854);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:800}.landing-nav-links{color:#505965;gap:32px;font-weight:600;display:flex}.landing-nav-links span{cursor:pointer;transition:color .2s}.landing-nav-links span:hover{color:#111418}.landing-actions{align-items:center;gap:16px;display:flex}.btn-login-outline{color:#fd5068;border:2px solid #fd5068;border-radius:24px;padding:10px 24px;font-weight:700;text-decoration:none;transition:all .2s}.btn-login-outline:hover{background:#fd50681a}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#fd5068,#ff7854);border:none;border-radius:24px;padding:12px 28px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fd50684d}.btn-large-cta{border-radius:30px;padding:16px 40px;font-size:18px}.landing-hero{text-align:center;background-image:url(https://images.unsplash.com/photo-1511632765486-a01980e01a18?w=1600&auto=format&fit=crop&q=80);background-position:50%;background-size:cover;justify-content:center;align-items:center;height:80vh;display:flex;position:relative}.hero-overlay{background:linear-gradient(#0006,#000000b3);position:absolute;inset:0}.hero-content{z-index:1;color:#fff;max-width:800px;padding:0 20px;position:relative}.hero-title{text-shadow:0 4px 12px #0000004d;margin-bottom:24px;font-size:64px;font-weight:900;line-height:1.1}.hero-subtitle{opacity:.9;margin-bottom:40px;font-size:20px;font-weight:500}.landing-features{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto;padding:80px 40px;display:grid}.feature-card{text-align:center;background:#fff;border-radius:24px;padding:40px 24px;box-shadow:0 10px 40px #0000000d}.feature-icon{border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.bg-pink{background:linear-gradient(135deg,#fd5068,#ff7854)}.bg-blue{background:linear-gradient(135deg,#21c4dc,#50c4dc)}.bg-green{background:linear-gradient(135deg,#1dda95,#5eda95)}.feature-card h3{color:#111418;margin-top:0;margin-bottom:16px;font-size:24px;font-weight:800}.feature-card p{color:#505965;margin:0;font-size:16px;line-height:1.5}.landing-footer{background-color:#f7f9fb;border-top:1px solid #e8e8e8;padding:60px 40px 20px}.footer-links{justify-content:center;gap:120px;margin-bottom:60px;display:flex}.footer-col{flex-direction:column;gap:12px;display:flex}.footer-col h4{color:#111418;margin-bottom:8px;font-size:16px;font-weight:800}.footer-col span{color:#505965;cursor:pointer;font-size:14px}.footer-col span:hover{color:#fd5068}.footer-bottom{text-align:center;color:#aaa;border-top:1px solid #e8e8e8;padding-top:20px;font-size:14px}@media (width>=768px){.desktop-sidebar{display:flex!important}.mobile-bottom-nav,.mobile-top-bar{display:none!important}.main-content-area{margin-left:288px;padding-top:0!important;padding-bottom:0!important}.fab-button{bottom:24px!important;right:24px!important}}.app-container{background-color:var(--surface);min-height:100vh}.sidebar{display:none}.explore-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.explore-card{border-radius:var(--radius-lg);color:#fff;cursor:pointer;height:200px;box-shadow:var(--card-shadow);align-items:flex-end;padding:16px;font-size:16px;font-weight:700;transition:transform .2s;display:flex;position:relative;overflow:hidden}.explore-card:hover{transform:scale(1.02)}.explore-bg{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.explore-overlay{z-index:-1;background:linear-gradient(#0000 40%,#000c 100%);width:100%;height:100%;position:absolute;top:0;left:0}.explore-overlay.red{background:linear-gradient(#ff6b6b66 0%,#ae2f34e6 100%)}.matching-container{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.tinder-card{border-radius:var(--radius-lg);width:100%;max-width:400px;height:calc(100vh - 280px);min-height:360px;max-height:560px;box-shadow:var(--editorial-shadow);background-color:#000;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.card-image{object-fit:cover;opacity:.95;width:100%;height:100%;position:absolute;top:0;left:0}.card-overlay{z-index:10;pointer-events:none;background:linear-gradient(#0000 0%,#000000d9 100%);width:100%;height:50%;position:absolute;bottom:0;left:0}.story-indicators{z-index:30;pointer-events:none;gap:4px;display:flex;position:absolute;top:12px;left:12px;right:12px}.story-dot{background-color:#ffffff4d;border-radius:2px;flex:1;height:3px}.story-dot.active{background-color:#fff}.card-nav{color:#fff;opacity:0;z-index:40;cursor:pointer;align-items:center;width:50%;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0}.card-nav:hover{opacity:1!important}.card-nav.left{justify-content:flex-start;padding-left:16px;left:0}.card-nav.right{justify-content:flex-end;padding-right:16px;right:0}.card-info{color:#fff;z-index:50;pointer-events:none;position:absolute;bottom:24px;left:24px;right:24px}.profile-name-row{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.profile-name{font-size:28px;font-weight:800;font-family:var(--font-headline)}.profile-age{font-size:22px;font-weight:400}.verified-badge{color:var(--tertiary);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.profile-details{align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.action-buttons{z-index:10;justify-content:center;align-items:center;gap:16px;margin-top:-8px;padding:16px;display:flex;position:relative}.action-btn{background-color:var(--surface-container-lowest);box-shadow:var(--card-shadow);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.action-btn:hover{transform:scale(1.15)}.btn-small{width:48px;height:48px}.btn-large{width:60px;height:60px}.btn-rewind{color:var(--tertiary);outline:1px solid var(--outline-variant)}.btn-reject{color:var(--primary);outline:1px solid var(--primary-fixed)}.btn-superlike{color:#21c4dc;outline:1px solid #b2eef5}.btn-like{color:#1dda95;outline:1px solid #b2f5d9}.btn-boost{color:var(--tertiary);outline:1px solid var(--tertiary-container)}.desktop-footer{color:var(--on-surface-variant);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:12px;font-size:12px;font-weight:600;display:flex}.shortcut-item{align-items:center;gap:6px;display:flex}.key-badge{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:4px;justify-content:center;align-items:center;padding:2px 6px;font-size:11px;font-weight:700;display:flex}.swipe-left{opacity:0!important;transform:translate(-150%)rotate(-30deg)!important}.swipe-right{opacity:0!important;transform:translate(150%)rotate(30deg)!important}.standouts-container{background:var(--surface);flex:1;padding:32px;overflow-y:auto}.standouts-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.standouts-header h1{color:var(--on-surface);margin-bottom:8px;font-size:32px;font-weight:800}.standouts-header p{color:var(--on-surface-variant);max-width:600px;font-size:15px;line-height:1.5}.standouts-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.standout-card{aspect-ratio:3/4;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--editorial-shadow);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;position:relative;overflow:hidden}.standout-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #ae2f3426}.standout-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.standout-card:hover .standout-img{transform:scale(1.05)}.standout-overlay{pointer-events:none;background:linear-gradient(#0000 0%,#0006 50%,#000000e6 100%);flex-direction:column;justify-content:flex-end;width:100%;height:60%;padding:20px;display:flex;position:absolute;bottom:0;left:0}.standout-info{color:#fff}.standout-name{font-size:22px;font-weight:800;font-family:var(--font-headline);margin-bottom:4px}.standout-age{opacity:.9;font-size:18px;font-weight:400}.standout-bio{color:#ddd;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.standout-actions{pointer-events:auto;gap:10px;display:flex}.standout-btn{border-radius:var(--radius-full);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 0;font-size:13px;font-weight:700;transition:background .2s,transform .1s;display:flex}.standout-btn:active{transform:scale(.95)}.standout-btn.primary{background:var(--primary-gradient);color:#fff}.standout-btn.secondary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff26}.section-title{font-size:18px;font-weight:700;font-family:var(--font-headline);margin-bottom:4px}.section-subtitle{color:var(--on-surface-variant);margin-bottom:16px;font-size:13px;line-height:1.4}