#root{min-height:100vh;width:100%;margin:0;padding:0;position:relative}.app-background{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at top left,rgba(84,24,155,.35),transparent 28%),radial-gradient(circle at right center,rgba(0,180,160,.14),transparent 30%),linear-gradient(180deg,#040404,#07080d 35%,#050505)}.bg-orb{position:absolute;border-radius:999px;filter:blur(80px);opacity:.55}.bg-orb-1{width:280px;height:280px;left:-60px;top:120px;background:#7b2cff38}.bg-orb-2{width:320px;height:320px;right:-100px;top:160px;background:#00cdac29}.bg-orb-3{width:260px;height:260px;left:50%;bottom:-80px;transform:translate(-50%);background:#6200ff29}.home-page{width:100%;max-width:1400px;margin:0 auto;padding:32px 24px 50px}.hero-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px;width:100%}.hero-card{position:relative;min-height:230px;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0f0f12db,#050508eb);box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-card-content{position:relative;text-align:center;align-items:center;z-index:2;padding:34px 30px;height:100%;display:flex;flex-direction:column;justify-content:center}.hero-card h1,.hero-card h2{margin:0 0 12px;line-height:1.1}.hero-card h1{font-size:clamp(2rem,3vw,3.2rem)}.hero-card h2{font-size:clamp(1.5rem,2vw,2.2rem)}.hero-card p{margin:0;max-width:580px;color:#ffffffd1;line-height:1.6;font-size:.98rem}.hero-badge{display:inline-flex;align-self:flex-start;margin-bottom:16px;padding:8px 14px;border-radius:999px;background:#7846ff29;color:#c7b8ff;border:1px solid rgba(163,132,255,.22);font-size:.82rem;font-weight:700;letter-spacing:.03em}.mini-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}.mini-tags span{padding:9px 14px;border-radius:999px;background:#ffffff0e;border:1px solid rgba(255,255,255,.08);font-size:.88rem;color:#ffffffd1}.carousel-section{margin-top:26px;width:100%}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-kicker{margin:0 0 6px;color:#a58cff;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}.section-header h2{margin:0;font-size:clamp(1.5rem,2vw,2.2rem)}.carousel-wrapper{width:100%;padding:18px;border-radius:28px;background:#08080a8c;border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px #00000038}.carousel-shell{position:relative;width:100%}.carousel-track-wrapper{width:100%;overflow:hidden;border-radius:24px;height:100%}.carousel-track{display:flex;transition:transform .65s ease;width:100%}.slide{position:relative;min-width:100%;aspect-ratio:16 / 9;height:auto;max-height:420px;cursor:pointer;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#090909;box-shadow:0 10px 24px #00000047;flex-shrink:0}.banner{width:100%;height:100%;object-fit:cover;filter:brightness(.42) saturate(1.05);transition:transform .4s ease,filter .35s ease}.slide:hover .banner{transform:scale(1.03);filter:brightness(.52) saturate(1.08)}.overlay{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#00000014,#00000061);text-align:center}.overlay .avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.95);box-shadow:0 0 0 6px #7c56ff1f,0 0 28px #8a68ff40}.overlay h2{text-align:center;margin-top:16px;font-size:2rem;font-weight:800;text-shadow:0 3px 14px rgba(0,0,0,.35)}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border:none;border-radius:50%;background:#0a0a0eb8;color:#fff;font-size:1.8rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);transition:background .2s ease,transform .2s ease}.carousel-button:hover{background:#8259ff38}.carousel-button--left{left:14px}.carousel-button--right{right:14px}.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:18px}.carousel-dot{width:12px;height:12px;border:none;border-radius:50%;background:#fff3;cursor:pointer;transition:transform .2s ease,background .2s ease}.carousel-dot.active{background:#9a7cff;transform:scale(1.15)}.page{min-height:calc(100vh - 88px);display:flex;align-items:center;justify-content:center;width:100%;padding:20px}.navbar{position:sticky;top:0;z-index:50;padding:14px 16px 0}.navbar-inner{width:min(1320px,100%);margin:0 auto;min-height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-radius:22px;background:#07070aad;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 28px #0000003d}.brand{display:inline-flex;align-items:center;gap:12px;cursor:pointer;justify-self:start}.brand-mark{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#b99dff 30%,#7044ff,#2d1b5c);box-shadow:0 0 18px #7d59ff73}.brand-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.brand-title{font-weight:800;font-size:1rem;letter-spacing:.02em}.brand-text small{margin-top:4px;color:#8f77ff;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.nav-center{justify-self:center}.nav-link,.streamers-toggle,.dropdown-item{border:none;cursor:pointer}.nav-link{background:transparent;color:#ffffffc7;font-weight:700;padding:12px 16px;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.nav-link.active,.nav-link:hover{color:#fff;border-color:#a38cff}.nav-actions{position:relative;justify-self:end}.streamers-toggle{padding:11px 16px;border-radius:14px;background:#8259ff24;color:#e7e0ff;border:1px solid rgba(157,125,255,.16);transition:background .2s ease,transform .2s ease}.streamers-toggle:hover{background:#8259ff38;transform:translateY(-1px)}.dropdown{position:absolute;top:calc(100% + 12px);right:0;min-width:220px;padding:8px;border-radius:18px;background:#09090ceb;border:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 34px #00000059}.dropdown-item{width:100%;text-align:left;background:transparent;color:#fff;border-radius:12px;padding:12px 14px;transition:background .2s ease}.dropdown-item:hover{background:#ffffff0f}.profile-banner-container{position:relative;width:min(1800px,98vw);height:85vh;min-height:500px;max-height:900px;border-radius:40px;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 30px 80px #00000073,0 0 120px #7850ff26}.profile-banner-container:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 65%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:1}.profile-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.05);filter:brightness(.55) saturate(1.1)}.banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#00000040,#000000b3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-card{position:relative;z-index:3;width:min(500px,90%);max-width:500px;background:#0a0a0fbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 40px #00000080}.profile-card .avatar{width:130px;height:130px;border-radius:50%;object-fit:cover;border:4px solid white;margin:0 auto 20px;box-shadow:0 0 30px #fff3}@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}.hero-card{min-height:200px}.slide{height:320px}}@media(max-width:768px){.profile-banner-container{width:100%;height:70vh;min-height:450px;border-radius:20px}.profile-card{width:92%}.profile-card .avatar{width:100px;height:100px}}@media(max-width:768px){.home-page{padding:18px 14px 40px}.carousel-wrapper{padding:12px}.slide{height:220px}.overlay .avatar{width:82px;height:82px}.overlay h2{font-size:1.3rem}.hero-card-content{padding:24px 20px}.navbar-inner{width:100%;max-width:none;grid-template-columns:1fr;gap:12px;padding:14px}.brand,.nav-center,.nav-actions{justify-self:stretch}.nav-center,.nav-actions{display:flex;justify-content:center}.dropdown{left:50%;right:auto;transform:translate(-50%);width:min(260px,100%)}.carousel-button{width:38px;height:38px;font-size:1.4rem}.carousel-button--left{left:8px}.carousel-button--right{right:8px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#050505;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{display:block;max-width:100%}.page{min-height:calc(100vh - 88px);display:flex;align-items:center;justify-content:center;padding:30px 16px 50px}.card{width:min(460px,100%);text-align:center;padding:34px 26px;border-radius:28px;background:linear-gradient(180deg,#0f0f12d1,#07070aeb);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card .avatar{width:128px;height:128px;margin:0 auto 18px}h1{font-size:2rem;font-weight:800;margin-bottom:10px}.status{font-size:.95rem;opacity:.82;margin-bottom:26px;color:#cdbfff}.links{display:flex;flex-direction:column;gap:14px}.link{display:flex;align-items:center;justify-content:center;gap:12px;background:#ffffff0d;padding:16px;border-radius:16px;color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.06);transition:transform .22s ease,background .22s ease,border-color .22s ease}.link:hover{background:#ffffff14;transform:translateY(-2px);border-color:#906eff3d}.icon{font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center}footer{margin-top:26px;font-size:.8rem;opacity:.55}@media(max-width:768px){.card{padding:26px 18px}.card .avatar{width:110px;height:110px}h1{font-size:1.7rem}.link{padding:15px;font-size:.98rem}}