.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--bg-dark:#000;--bg-card:#14141499;--border-color:#ffffff1a;--primary:#fff;--primary-hover:#e0e0e0;--accent:#3b82f6;--text-main:#fff;--text-muted:#888;--success:#10b981;--error:#ef4444;--glass-blur:20px;--shadow-sm:0 4px 6px -1px #0000001a;--shadow-lg:0 20px 25px -5px #00000080;--glow:0 0 20px #ffffff26}html{max-width:100%;overflow-x:hidden}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;max-width:100vw;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow-x:hidden}body.landing-page,body.customer-landing-page{justify-content:flex-start;align-items:stretch;display:block}#root{box-sizing:border-box;background:0 0;width:100%;max-width:480px;min-height:100vh;padding:0}body.landing-page #root,body.customer-landing-page #root,body.affiliates-landing-page #root{width:100%;max-width:none;min-height:100vh;padding:0}.profile-full-frame{flex-direction:column;justify-content:flex-end;min-height:100vh;display:flex;position:relative;overflow:hidden}.profile-bg-image{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.profile-gradient{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#000c 60%,#000 100%);width:100%;height:80%;position:absolute;bottom:0;left:0}.profile-content{z-index:2;box-sizing:border-box;text-align:left;width:100%;padding:32px 24px;position:relative}.info-item{color:#fffc;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.info-icon{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:24px;height:32px;font-size:20px;display:flex}.info-text{color:#fffffff2;margin:0;padding-top:4px;font-size:14px;line-height:1.5}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700}h1{margin-bottom:8px;font-size:32px}h2{margin-bottom:16px;font-size:24px}p{color:var(--text-muted);margin:0;line-height:1.6}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);text-align:center;box-shadow:var(--shadow-lg);border-radius:40px;flex-direction:column;justify-content:flex-end;height:80vh;max-height:700px;padding:0;animation:.6s cubic-bezier(.16,1,.3,1) fadeInUp;display:flex;position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#ffffff08 0%,#0000 50%);width:200%;height:100%;position:absolute;top:0;left:-50%}.profile-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.card-content{z-index:1;box-sizing:border-box;text-align:left;background:linear-gradient(#0000 0%,#0009 50%,#000000f2 100%);width:100%;padding:40px 32px;position:relative}.btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:30px;width:100%;margin-bottom:32px;padding:20px 24px;font-size:18px;font-weight:700;transition:transform .2s;box-shadow:0 4px 20px #fff3}.btn:hover:not(:disabled){background:#f0f0f0;transform:scale(1.02)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{color:#888;box-shadow:none;cursor:not-allowed;opacity:.7;background:#555}.btn-cta{color:#000;cursor:pointer;background:#fff;border:none;border-radius:30px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:32px;padding:22px 24px;font-size:18px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #fff6}.btn-cta:hover:not(:disabled){transform:scale(1.03);box-shadow:0 0 30px #fff9}.btn-cta:disabled{color:#666;box-shadow:none;cursor:not-allowed;background:#333}.btn-cta:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fffc 50%,#fff0 100%);width:50%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes shimmer{0%{left:-100%}20%{left:200%}to{left:200%}}.btn-secondary{border:1px solid var(--border-color);color:var(--text-main);background:0 0}.btn-secondary:hover{color:#fff;background:#ffffff1a;border-color:#ffffff80}input{border:1px solid var(--border-color);color:#fff;box-sizing:border-box;background:#0000004d;border-radius:12px;outline:none;width:100%;padding:16px;font-family:inherit;font-size:16px;transition:border-color .2s}input:focus{border-color:var(--text-main)}.profile-container{margin-bottom:24px;display:inline-block;position:relative}.profile-img{object-fit:cover;border:4px solid #1a1a1a;border-radius:50%;width:100px;height:100px;box-shadow:0 8px 16px #0000004d}.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #ffffff1a;border-radius:100px;align-items:center;margin-bottom:16px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:8px;position:relative}.status-dot.online{background-color:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.online:after{content:"";border:1px solid var(--success);opacity:.5;border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-4px}.status-dot.offline{background-color:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1)}}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.selection-card{border:1px solid var(--border-color);background:0 0;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.selection-card:hover{background:#ffffff0d;border-color:#ffffff80;transform:translateY(-2px)scale(1.02);box-shadow:0 10px 30px #0000004d}.selection-card.selected{border-color:var(--primary);background:#ffffff1a;box-shadow:0 0 20px #ffffff1a}.selection-card.selected:hover{background:#ffffff26;transform:translateY(-2px)scale(1.02);box-shadow:0 0 30px #fff3}.sessions-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;padding-bottom:40px;display:grid}.session-card{aspect-ratio:2.2;cursor:pointer;will-change:transform;isolation:isolate;background:#1c1c1e;border:1px solid #ffffff1a;border-radius:32px;transition:transform .2s cubic-bezier(.2,.9,.2,1),box-shadow .2s cubic-bezier(.2,.9,.2,1),border-color .15s linear;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.session-card:hover{border-color:#ffffff40;transform:translateY(-4px)scale(1.02);box-shadow:0 20px 50px #00000080}.session-card-bg{object-fit:cover;will-change:transform;filter:blur(40px)brightness(.8);width:100%;height:100%;transition:transform .3s cubic-bezier(.2,.9,.2,1);transform:scale(1.2)}.session-card:hover .session-card-bg{transform:scale(1.3)}.session-card-content-wrapper{z-index:10;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:absolute;inset:0}.session-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.session-header-left{align-items:center;gap:12px;display:flex}.session-avatar{object-fit:cover;border:2px solid #fffc;border-radius:50%;width:48px;height:48px;box-shadow:0 4px 12px #0003}.session-creator-name{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 10px #0000004d;margin:0;font-size:24px;font-weight:700;line-height:1.1}.session-status-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#fff3;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.session-footer{justify-content:space-between;align-items:flex-end;display:flex}.session-info-block{flex-direction:column;gap:4px;display:flex}.session-duration-text{color:#fffffff2;text-shadow:0 2px 10px #0003;font-size:24px;font-weight:600;line-height:1.2}.session-price-tag{color:#ffffffb3;letter-spacing:.5px;font-size:14px;font-weight:500}.session-join-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;transition:transform .2s,background .2s;display:flex;box-shadow:0 4px 12px #0003}.session-join-btn:hover{background:#f0f0f0;transform:scale(1.1)}.spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.live-indicator{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#ffffff26;border:1px solid #ffffff26;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 4px 12px #0000001a}.live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-live;box-shadow:0 0 10px #10b981}@keyframes pulse-live{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.hover-scale{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}.hover-brightness{transition:filter .2s,background-color .2s}.hover-brightness:hover{filter:brightness(1.2)}.interactive-card{transition:all .3s cubic-bezier(.25,.8,.25,1)}.interactive-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003;border-color:#fff3!important}.interactive-input{transition:all .2s}.interactive-input:focus{transform:translateY(-1px);box-shadow:0 4px 12px #0003;background:#ffffff14!important}.interactive-icon-btn{transition:all .2s}.interactive-icon-btn:hover{transform:rotate(90deg);background:#fff3!important}.interactive-text{transition:opacity .2s}.interactive-text:hover{opacity:.8;text-decoration:underline}.skeleton{background:linear-gradient(90deg,#1c1c1e 25%,#2c2c2e 50%,#1c1c1e 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card-bg{background:#1c1c1e;border:1px solid #ffffff0d}