.vip-lounge-page{max-width:1500px;display:grid;gap:20px}.vip-lounge-hero{position:relative;min-height:350px;padding:34px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:linear-gradient(110deg,#080b1b 0%,#0d0b25 48%,#070a18 100%);box-shadow:var(--shadow)}.vip-hero-copy{position:relative;z-index:3;width:32%;min-width:360px}.vip-hero-copy h1{margin:10px 0;font-size:clamp(3.2rem,6vw,5rem);line-height:.95;letter-spacing:-.06em}.vip-hero-copy h2{margin:16px 0;color:#fff;font-size:1rem}.vip-hero-copy h2 i,.vip-hero-copy h2 span{color:#bd50ff}.vip-hero-copy>p{color:var(--muted);line-height:1.65}.vip-total-card{width:fit-content;margin-top:18px;padding:12px 16px;border:1px solid #49306e;border-radius:10px;background:#17102f;display:flex;align-items:center;gap:12px}.vip-total-card>i{width:38px;height:38px;border-radius:9px;background:#4d198c;display:grid;place-items:center;color:#c47aff}.vip-total-card span,.vip-total-card strong,.vip-total-card small{display:block}.vip-total-card small{margin-top:3px;color:var(--muted)}.vip-hero-scene{position:absolute;z-index:1;inset:0 31% 0 28%;background:radial-gradient(circle at 50% 35%,#7b17bd55,transparent 34%),linear-gradient(180deg,#080b20aa,#14062fdd)}.vip-city{position:absolute;inset:25% 0 45%;opacity:.7;background:repeating-linear-gradient(90deg,transparent 0 28px,#5d168c 29px 42px,transparent 43px 57px),linear-gradient(0deg,#61149a,transparent);clip-path:polygon(0 100%,0 70%,5% 70%,5% 30%,9% 30%,9% 64%,15% 64%,15% 10%,19% 10%,19% 52%,26% 52%,26% 36%,31% 36%,31% 75%,38% 75%,38% 18%,43% 18%,43% 58%,50% 58%,50% 0,55% 0,55% 65%,62% 65%,62% 25%,68% 25%,68% 70%,75% 70%,75% 42%,82% 42%,82% 15%,88% 15%,88% 62%,94% 62%,94% 33%,100% 33%,100% 100%)}.vip-neon-sign{position:absolute;left:50%;top:32px;transform:translateX(-50%);display:grid;place-items:center;color:#d365ff;text-shadow:0 0 10px #a92aff,0 0 30px #6d16dc}.vip-neon-sign i{font-size:48px}.vip-neon-sign strong{font-size:38px}.vip-neon-sign span{font-weight:800}.vip-sofa{position:absolute;left:50%;bottom:35px;width:72%;height:100px;transform:translateX(-50%);border:1px solid #51207f;border-radius:24px 24px 9px 9px;background:linear-gradient(#1e0b3a,#0a0716);box-shadow:0 -8px 30px #761bc044}.vip-sofa span{position:absolute;top:-28px;width:30%;height:50px;border-radius:12px;background:#1a0a32}.vip-sofa span:nth-child(1){left:8%;transform:rotate(-8deg)}.vip-sofa span:nth-child(2){left:35%}.vip-sofa span:nth-child(3){right:8%;transform:rotate(8deg)}.vip-crystal{position:absolute;z-index:2;left:50%;bottom:20px;transform:translateX(-50%);color:#cf54ff;font-size:48px;filter:drop-shadow(0 0 18px #8c23ff)}.vip-spotlight{position:absolute;z-index:4;right:3%;top:45px;width:28%;min-height:250px;padding:22px;border:1px solid #602493;border-radius:16px;background:radial-gradient(circle at 25% 50%,#48146a55,transparent 40%),#0b0d20e8;box-shadow:0 0 35px #5c168044}.vip-spotlight-content{min-height:160px;display:grid;place-items:center}.vip-spotlight-slide{width:100%;display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px}.vip-spotlight-slide[hidden]{display:none}.vip-spotlight-slide img{width:100px;height:100px;border:3px solid #a72cff;border-radius:50%;object-fit:cover}.vip-spotlight-slide h2{margin:0 0 8px}.vip-spotlight-slide p{color:var(--muted);line-height:1.5}.vip-spotlight-slide a{color:#c56cff;font-size:.75rem;font-weight:800}.vip-spotlight-arrow{position:absolute;top:50%;width:38px;height:38px;padding:0;border-radius:50%}.vip-spotlight-prev{left:-20px}.vip-spotlight-next{right:-20px}.vip-spotlight-dots{position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);display:flex;gap:8px}.vip-spotlight-dots button{width:8px;height:8px;min-height:0;padding:0;border:0;border-radius:50%;background:#303750;box-shadow:none}.vip-spotlight-dots button.active{background:#b846ff}.vip-directory-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.vip-directory-heading h2{margin:6px 0 0}.vip-directory-tools{display:flex;align-items:center;gap:10px}.vip-search-wrap{position:relative}.vip-search-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#969dbc}.vip-search-wrap input{width:280px;padding-left:40px}.vip-filter-label{min-height:44px;padding:0 16px;border:1px solid #29304c;border-radius:10px;background:#0b1020;display:flex;align-items:center;gap:8px;font-size:.8rem}.vip-view-toggle{padding:3px;border:1px solid #29304c;border-radius:10px;display:flex}.vip-view-toggle button{width:38px;height:36px;min-height:0;padding:0;border:0;background:transparent;box-shadow:none}.vip-view-toggle button.active{background:#4e168d}.vip-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.vip-showcase-card{min-width:0;min-height:355px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(circle at 50% 18%,#4f177044,transparent 30%),linear-gradient(145deg,#10152a,#090d1b);box-shadow:var(--shadow);display:flex;align-items:center;flex-direction:column;text-align:center}.vip-showcase-card:hover{border-color:#7939bc;transform:translateY(-2px)}.vip-showcase-card[hidden]{display:none}.vip-showcase-avatar{width:96px;height:96px;margin:15px 0 10px;border:3px solid #9e2eea;border-radius:50%;object-fit:cover;box-shadow:0 0 22px #8226cd55}.vip-showcase-copy{width:100%}.vip-showcase-card h3{margin:0;font-size:1.1rem}.vip-username{margin:4px 0;color:var(--muted);font-size:.78rem}.vip-tagline{margin:12px 0;color:#c769ff;font-size:.78rem}.vip-since{margin:16px 0 0;padding-top:13px;border-top:1px solid var(--border);display:grid;grid-template-columns:18px 1fr;gap:2px 6px;color:var(--muted);font-size:.72rem;text-align:left}.vip-since i{grid-row:span 2}.vip-since strong{color:#fff}.vip-badge{width:fit-content;padding:6px 9px;border:1px solid #7836cc;border-radius:7px;background:#351064;color:#f0c3ff;font-size:.65rem;font-weight:800;text-transform:uppercase}.vip-profile-link{width:100%;margin-top:auto;font-size:.78rem}.vip-showcase-grid.list-view{grid-template-columns:1fr}.vip-showcase-grid.list-view .vip-showcase-card{min-height:0;display:grid;grid-template-columns:auto 80px minmax(0,1fr) auto;gap:16px;text-align:left}.vip-showcase-grid.list-view .vip-showcase-avatar{width:70px;height:70px;margin:0}.vip-showcase-grid.list-view .vip-profile-link{width:auto;margin:0}.vip-empty{padding:54px 24px;border:1px solid var(--border);border-radius:var(--radius);background:#0d1222;text-align:center}.vip-empty[hidden]{display:none}.vip-empty i{color:#bb4cff;font-size:44px}.vip-empty p{color:var(--muted)}.vip-how-card{position:relative;padding:24px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:radial-gradient(circle at 90% 50%,#56138b44,transparent 25%),linear-gradient(145deg,#10152a,#090e1c);display:grid;grid-template-columns:2.2fr repeat(3,1fr);gap:18px;align-items:center}.vip-how-main{display:flex;align-items:center;gap:18px}.vip-how-main h2,.vip-how-main p{margin:4px 0}.vip-how-main p,.vip-value small{color:var(--muted);line-height:1.45}.vip-how-icon,.vip-value>i{width:54px;height:54px;flex:0 0 54px;border-radius:14px;background:linear-gradient(135deg,#6f1fd0,#321276);display:grid;place-items:center;font-size:22px}.vip-value{display:flex;align-items:center;gap:12px}.vip-value span,.vip-value strong,.vip-value small{display:block}.vip-how-crown{position:absolute;right:24px;bottom:-22px;color:#a52fff33;font-size:110px;transform:rotate(-8deg)}@media(max-width:1200px){.vip-hero-copy{width:45%}.vip-hero-scene{inset:0 0 0 38%;opacity:.55}.vip-spotlight{position:relative;right:auto;top:auto;width:100%;margin-top:25px}.vip-lounge-hero{padding-bottom:40px}.vip-how-card{grid-template-columns:1fr 1fr}.vip-how-main{grid-column:1/-1}}@media(max-width:800px){.vip-hero-copy{width:100%;min-width:0}.vip-hero-scene{display:none}.vip-directory-heading,.vip-directory-tools,.vip-how-card{align-items:stretch;flex-direction:column}.vip-directory-heading{display:flex}.vip-directory-tools{display:grid;grid-template-columns:1fr auto}.vip-search-wrap{grid-column:1/-1}.vip-search-wrap input{width:100%}.vip-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-showcase-grid.list-view .vip-showcase-card{grid-template-columns:60px minmax(0,1fr)}.vip-showcase-grid.list-view .vip-badge,.vip-showcase-grid.list-view .vip-profile-link{grid-column:1/-1;width:100%}.vip-how-card{display:grid;grid-template-columns:1fr}.vip-how-main{display:block}.vip-how-icon{margin-bottom:12px}}@media(max-width:480px){.vip-lounge-hero{padding:24px 18px}.vip-showcase-grid{grid-template-columns:1fr}.vip-spotlight-slide{grid-template-columns:1fr;text-align:center}.vip-spotlight-slide img{margin:auto}.vip-spotlight-arrow{top:auto;bottom:12px}.vip-spotlight-prev{left:12px}.vip-spotlight-next{right:12px}}
@media(max-width:480px){.vip-lounge-page{gap:14px}.vip-lounge-hero{padding:22px 16px}.vip-hero-copy h1{font-size:clamp(2.8rem,16vw,3.7rem)}.vip-spotlight{padding:18px 14px;margin-top:18px}.vip-showcase-card{min-height:330px;padding:18px}.vip-directory-tools{grid-template-columns:1fr}.vip-filter-label,.vip-view-toggle{justify-content:center}.vip-how-card{padding:18px}.vip-value{padding:10px 0;border-top:1px solid var(--border)}}
.vip-guest-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.vip-placeholder-card{min-height:320px;pointer-events:none;filter:saturate(.65)}.vip-placeholder-avatar{width:96px;height:96px;margin:15px 0 10px;border:3px solid #7934b5;border-radius:50%;color:#b98bd8;background:linear-gradient(145deg,#38204c,#171222);display:grid;place-items:center;font-size:34px;filter:blur(1px)}.vip-placeholder-lines{width:85%}.vip-placeholder-lines span{display:block;height:10px;margin:10px auto;border-radius:999px;background:#32213f;filter:blur(2px)}.vip-placeholder-lines span:nth-child(2){width:70%}.vip-placeholder-lines span:nth-child(3){width:55%}.vip-guest-cta{margin-top:16px;padding:20px;border:1px solid #612d89;border-radius:var(--radius);background:linear-gradient(145deg,#211032,#090e1c);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}.vip-guest-cta>i{color:#c25bff;font-size:34px}.vip-guest-cta h2,.vip-guest-cta p{margin:0}.vip-guest-cta p{margin-top:5px;color:var(--muted);line-height:1.5}@media(max-width:800px){.vip-guest-cta{grid-template-columns:1fr}}@media(max-width:480px){.vip-guest-preview{grid-template-columns:1fr}}