.header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;background:linear-gradient(180deg,#1a1025,#0a0a0f);position:sticky;top:0;z-index:100}.logo-wrap{display:flex;align-items:center;gap:12px}.logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#ec4899);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;box-shadow:0 4px 20px #7c3aed80;overflow:hidden}.site-title{font-size:28px;font-weight:800;background:linear-gradient(90deg,#a855f7,#ec4899,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(168,85,247,.5)}.online-count{display:flex;align-items:center;gap:6px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 14px;border-radius:20px;font-size:14px;color:#ffffffe6;font-weight:600}.online-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e99;animation:pulse 1.5s infinite}.container{padding:0 16px}.hero-section{text-align:center;padding:32px 16px 24px}.hero-title{font-size:36px;font-weight:900;line-height:1.15;margin-bottom:8px;background:linear-gradient(135deg,#fff,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title .accent{background:linear-gradient(90deg,#ec4899,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:15px;color:#ffffff8c;line-height:1.6;margin-bottom:24px;max-width:340px;margin-left:auto;margin-right:auto}.cta-btn{display:inline-block;width:100%;padding:16px;background:linear-gradient(90deg,#ec4899,#8b5cf6);border:none;border-radius:20px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;text-decoration:none;text-align:center;box-shadow:0 6px 24px #ec489966;transition:transform .2s,box-shadow .2s}.cta-btn:active{transform:scale(.98)}.featured-section{margin-top:24px;position:relative}.carousel-wrapper{position:relative;overflow:hidden;border-radius:20px}.carousel-track{display:flex;transition:transform .4s cubic-bezier(.25,.8,.25,1);will-change:transform}.carousel-slide{min-width:100%;box-sizing:border-box}.profile-card{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(168,85,247,.15);width:100%;aspect-ratio:3/4;min-height:420px;cursor:pointer}.profile-card .card-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.profile-card .card-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 20px 20px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.85) 100%);display:flex;flex-direction:column;gap:8px}.profile-card .top-badges{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start}.profile-card .badge-group{display:flex;gap:6px;flex-wrap:wrap}.profile-card .top-badge{font-size:11px;padding:4px 10px;border-radius:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-badge.verified{background:#38bdf8d9;color:#fff}.top-badge.online{background:#22c55ed9;color:#fff}.profile-card .online-indicator{display:flex;align-items:center;gap:5px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.online-indicator .dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55ecc}.profile-card .name-row{display:flex;align-items:center;gap:8px}.profile-card .name{font-size:24px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.6)}.profile-card .verified-badge{display:flex;align-items:center;gap:3px;font-size:12px;color:#38bdf8;background:#38bdf833;padding:3px 8px;border-radius:10px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-card .location{font-size:14px;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.6)}.profile-card .traits{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.trait-tag{font-size:12px;padding:4px 10px;border-radius:12px;font-weight:500}.trait-verified{background:#38bdf81f;color:#38bdf8}.trait-active{background:#22c55e1f;color:#4ade80}.trait-artist{background:#ec48991f;color:#f472b6}.trait-top{background:#fbbf241f;color:#fbbf24}.trait-coffee{background:#a855f71f;color:#c084fc}.trait-book{background:#6366f11f;color:#818cf8}.trait-popular{background:#ef44441f;color:#f87171}.trait-music{background:#a855f71f;color:#c084fc}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .3s}.carousel-dot.active{width:24px;border-radius:4px;background:linear-gradient(90deg,#ec4899,#a855f7)}.stats-section{display:flex;justify-content:space-between;gap:12px;margin:28px 0;padding:24px 16px;background:linear-gradient(180deg,#7c3aed1f,#ec48990f);border-radius:20px;border:1px solid rgba(168,85,247,.15)}.stat-item{flex:1;text-align:center}.stat-value{font-size:26px;font-weight:900;background:linear-gradient(90deg,#ec4899,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.stat-label{font-size:12px;color:#ffffff80;font-weight:500}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;margin-top:8px}.section-title{font-size:22px;font-weight:800}.view-all{font-size:14px;color:#e879f9;text-decoration:none;font-weight:600}.popular-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.popular-card{background:#1a1a24;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .2s;position:relative}.popular-card:active{transform:scale(.98)}.popular-cover{position:relative;width:100%;padding-top:120%;background-size:cover;background-position:center;background-color:#2a2a3a}.popular-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.popular-badge{position:absolute;top:8px;left:8px;font-size:11px;padding:3px 8px;border-radius:10px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.badge-vip{background:#fbbf24d9;color:#000}.badge-hot{background:#ef4444d9;color:#fff}.badge-new{background:#38bdf8d9;color:#000}.badge-active{background:#22c55ed9;color:#fff}.badge-top{background:#a855f7d9;color:#fff}.badge-nearby{background:#ec4899d9;color:#fff}.like-heart{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.like-heart svg{width:14px;height:14px;fill:#f472b6}.popular-info{padding:10px 12px}.popular-name{font-size:15px;font-weight:700;margin-bottom:4px}.popular-traits{font-size:12px;color:#ffffff80}.avatar-initial{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:900;color:#ffffffb3}.features-section{display:flex;gap:10px;margin:28px 0}.feature-card{flex:1;text-align:center;padding:20px 10px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.feature-icon{width:44px;height:44px;margin:0 auto 10px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.feature-icon.chat{background:#38bdf826}.feature-icon.near{background:#ec489926}.feature-icon.safe{background:#22c55e26}.feature-name{font-size:14px;font-weight:700;margin-bottom:4px}.feature-desc{font-size:12px;color:#ffffff73}.online-notification{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(90deg,#22c55e1f,#a855f714);border-radius:16px;border:1px solid rgba(34,197,94,.15);margin-bottom:24px}.notification-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f9a8d4,#ec4899);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;position:relative;overflow:hidden}.notification-avatar img{width:100%;height:100%;object-fit:cover}.notification-avatar:after{content:"";position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #0a0a0f}.notification-text{flex:1;font-size:14px}.notification-text strong{font-weight:700}.rating-section{text-align:center;padding:28px 16px;margin-bottom:20px}.stars{font-size:24px;letter-spacing:4px;margin-bottom:10px;color:#fbbf24}.rating-text{font-size:15px;color:#ffffffb3;font-weight:600}.rating-text .accent-pink{color:#f472b6}.rating-text .accent-purple{color:#c084fc}.bottom-cta{position:fixed;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(180deg,transparent 0%,#0a0a0f 40%);z-index:100}.bottom-cta .cta-btn{max-width:600px;margin:0 auto;display:block}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0f;color:#fff;min-height:100vh;padding-bottom:100px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{display:block;max-width:100%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}