:root{--bg:#050812;--bg-2:#080b16;--panel:#0d111e;--panel-soft:#121827;--line:rgba(148,93,255,0.2);--text:#ffffff;--muted:#b9b7c8;--purple:#9b5cff;--purple-2:#6d4dff;--pink:#db38ff;--shadow:0 28px 80px rgba(89,44,191,0.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 72% 8%,rgba(91,46,210,.22),transparent 32%),radial-gradient(circle at 20% 30%,rgba(155,92,255,.14),transparent 24%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}main{overflow:hidden}.site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:34px;gap:34px;align-items:center;width:min(1440px,calc(100% - 82px));margin:0 auto;padding:32px 0 18px}.logo{display:flex;align-items:center;gap:10px;width:182px;height:44px}.logo img{width:56px;height:44px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 18px rgba(155,92,255,.34))}.logo span{color:#f7f4ff;font-size:2.25rem;font-weight:1000;letter-spacing:-3px;line-height:1;text-shadow:0 0 18px rgba(255,255,255,.18)}.main-nav{display:flex;justify-content:center;gap:38px}.header-actions a,.header-actions button,.main-nav a{color:#f3f0ff;font-size:.95rem;font-weight:750}.header-actions button{border:0;background:transparent;cursor:pointer}.main-nav a{position:relative;padding:10px 0}.main-nav a.active{color:var(--purple)}.main-nav a.active:after{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:99px;background:var(--purple);content:""}.header-actions{display:flex;align-items:center;gap:24px}.mobile-menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.04);cursor:pointer}.mobile-menu-toggle span{width:18px;height:2px;border-radius:999px;background:#ffffff}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:12px;font-size:.92rem;font-weight:900}.button-solid{background:linear-gradient(105deg,var(--pink),var(--purple-2) 62%,#8b70ff);box-shadow:0 14px 42px rgba(126,75,255,.38)}.button-ghost{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.03)}.youtube-icon{width:26px;height:19px;object-fit:contain}.circle-play{display:grid;width:20px;height:20px;place-items:center;border:2px solid white;border-radius:50%;font-size:.58rem}.hero{display:grid;grid-template-columns:minmax(380px,.92fr) minmax(500px,1.08fr);grid-gap:42px;gap:42px;align-items:center;width:min(1440px,calc(100% - 82px));min-height:650px;margin:0 auto;padding:28px 0 52px}.hero-copy{position:relative;z-index:3;padding-left:48px}.pill{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:10px;background:rgba(155,92,255,.18);color:#d680ff;font-size:.82rem;font-weight:950;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:560px;margin:26px 0 18px;font-size:clamp(3rem,5vw,5.15rem);line-height:1.02;letter-spacing:-1px}em{color:var(--purple);font-style:normal}.hero-copy p{max-width:520px;margin-bottom:28px;color:var(--muted);font-size:1.08rem;line-height:1.48}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:48px}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:36px;gap:36px;max-width:560px}.hero-stats span,.hero-stats strong{display:block}.hero-stats strong{color:#bd7dff;font-size:1.08rem;font-weight:950}.hero-stats span{margin-top:8px;color:var(--muted);font-size:.74rem}.hero-visual{position:relative;min-height:560px}.orbit{position:absolute;border:1.5px solid rgba(155,92,255,.45);border-radius:50%;transform:rotate(-9deg)}.orbit-one{top:134px;right:-8px}.orbit-one,.orbit-two{width:720px;height:210px}.orbit-two{right:24px;bottom:108px;transform:rotate(8deg)}.orb{position:absolute;z-index:4;display:block;width:18px;height:18px;border-radius:50%;background:var(--purple);box-shadow:0 0 22px rgba(155,92,255,.95)}.orb-a{top:164px;left:74px}.orb-b{right:62px;bottom:104px}.orb-c{bottom:210px;left:44px;width:12px;height:12px}.tilt-card{position:absolute;top:166px;z-index:1;overflow:hidden;width:205px;height:380px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:#111623;box-shadow:var(--shadow)}.feed-card:after,.phone-screen:after,.tilt-card:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(0,0,0,.78));content:""}.feed-card img,.phone-screen>img,.tilt-card img{width:100%;height:100%;object-fit:cover}.tilt-card div{position:absolute;right:16px;bottom:18px;left:16px;z-index:2}.tilt-card span,.tilt-card strong{display:block;font-size:.82rem}.tilt-card span{margin-top:4px;color:var(--muted)}.tilt-left{left:100px;transform:rotate(-6deg)}.tilt-right{right:0;transform:rotate(9deg)}.phone{position:absolute;top:52px;left:50%;z-index:5;width:290px;height:552px;padding:12px;border:3px solid #282d37;border-radius:46px;background:#090b11;box-shadow:0 32px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);transform:translateX(-50%)}.auth-overlay-panel{position:fixed;z-index:120;inset:0;display:grid;align-items:start;justify-items:center;overflow-y:auto;padding:96px 18px 24px;background:rgba(2,4,10,.58);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-auth-panel{position:relative;width:360px}.hero-auth-panel .auth-card{width:100%;padding:22px 24px 20px;border-radius:8px;background:rgba(8,11,20,.96);box-shadow:0 18px 60px rgba(0,0,0,.55)}.auth-close{position:absolute;top:9px;right:10px;z-index:2;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:white;cursor:pointer;font-size:1.1rem}.phone-notch{position:absolute;top:18px;left:50%;z-index:9;width:98px;height:20px;border-radius:0 0 16px 16px;background:#05060a;transform:translateX(-50%)}.phone-screen{position:relative;overflow:hidden;height:100%;border-radius:34px;background:#0b0e18}.phone-actions,.phone-caption,.phone-tabs,.phone-top{position:absolute;z-index:3}.phone-top{top:34px;right:20px;left:20px;display:flex;justify-content:space-between;font-size:.9rem}.phone-top span{color:#ffe36b}.phone-actions{right:18px;bottom:138px;display:grid;grid-gap:14px;gap:14px;text-align:center}.phone-actions span{display:grid;grid-gap:2px;gap:2px;font-size:1.35rem}.phone-actions small{font-size:.7rem;font-weight:800}.phone-caption{right:20px;bottom:76px;left:20px}.phone-caption p{margin:8px 0 4px;font-size:.82rem;font-weight:800}.phone-caption span{color:white;font-size:.74rem}.phone-tabs{right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;height:64px;padding:8px 14px 10px;background:rgba(5,7,12,.84)}.phone-tabs span{display:grid;justify-items:center;grid-gap:3px;gap:3px;color:white;font-size:1rem}.phone-tabs small{font-size:.58rem}.phone-tabs .bolt{align-self:center;width:48px;height:48px;margin:0 auto;place-items:center;border-radius:50%;background:var(--purple);font-size:2rem;box-shadow:0 0 28px rgba(155,92,255,.75)}.how{padding:48px 0 70px;border-top:1px solid rgba(255,255,255,.07);background:rgba(4,7,14,.35)}.section-heading{margin-bottom:42px;text-align:center}.section-heading h2{margin-bottom:12px;font-size:2rem}.section-heading p{color:var(--muted);font-size:1rem}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:62px;gap:62px;width:min(1180px,calc(100% - 82px));margin:0 auto}.step-card{position:relative;text-align:center}.step-icon{display:grid;width:96px;height:96px;margin:0 auto 26px;place-items:center;border:1px solid rgba(155,92,255,.18);border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(155,92,255,.2),transparent 48%),#111521;color:var(--purple);font-size:2.25rem;font-weight:950;box-shadow:inset 0 0 30px rgba(155,92,255,.08)}.step-icon img{width:54px;height:auto;object-fit:contain;filter:drop-shadow(0 0 18px rgba(126,29,255,.55))}.step-line{position:absolute;top:48px;left:calc(50% + 62px);width:108px;border-top:3px dotted rgba(155,92,255,.5)}.step-card h3{margin-bottom:14px;font-size:1rem}.step-card p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.5}.discover{display:grid;grid-template-columns:360px minmax(0,1fr);grid-gap:56px;gap:56px;width:min(1360px,calc(100% - 82px));margin:0 auto 48px;padding:42px 48px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),rgba(9,13,24,.78)}.discover-copy h2{margin:28px 0 18px;font-size:2.45rem;line-height:1.05;letter-spacing:-1px}.discover-copy p{color:var(--muted);font-size:1rem;line-height:1.55}.discover-copy ul{display:grid;grid-gap:12px;gap:12px;margin:24px 0 28px;padding:0;color:#e9e4ff;list-style:none}.discover-copy li:before{display:inline-grid;width:18px;height:18px;margin-right:10px;place-items:center;border-radius:50%;background:var(--purple);content:"✓";font-size:.68rem}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.tabs button{min-height:40px;padding:0 18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#111521;color:white;cursor:pointer;font-weight:800}.tabs .selected{background:linear-gradient(105deg,var(--purple),var(--purple-2));box-shadow:0 14px 34px rgba(126,75,255,.36)}.feed-cards{position:relative;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));grid-gap:16px;gap:16px}.feed-card{position:relative;overflow:hidden;min-height:330px;border-radius:12px;background:#101520}.feed-card .views,.feed-card div{position:absolute;z-index:2}.feed-card .views{bottom:104px;left:14px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.55);font-size:.9rem;font-weight:900}.feed-card div{right:14px;bottom:18px;left:14px}.feed-card strong{display:block;margin-bottom:8px;font-size:1rem}.feed-card p{margin:0;color:var(--muted)}.next-card{position:absolute;right:-28px;top:50%;z-index:3;display:grid;width:58px;height:58px;place-items:center;border:0;border-radius:50%;background:#1a2030;color:white;cursor:pointer;font-size:2.2rem}.faq-section{width:min(1040px,calc(100% - 82px));margin:0 auto 48px;padding:50px 0 10px}.faq-list{display:grid;grid-gap:14px;gap:14px}.faq-item{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#0d111e}.faq-item button{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;min-height:70px;padding:0 24px;border:0;background:transparent;color:white;cursor:pointer;text-align:left}.faq-item button span{font-size:1.03rem;font-weight:900}.faq-item button strong{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:50%;background:rgba(155,92,255,.16);color:#c99aff;font-size:1.35rem}.faq-item p{max-height:0;margin:0;padding:0 24px;color:var(--muted);line-height:1.6;opacity:0;transition:max-height .22s ease,opacity .22s ease,padding .22s ease}.faq-item.open{border-color:rgba(155,92,255,.36)}.faq-item.open p{max-height:180px;padding:0 24px 24px;opacity:1}.cta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:28px;gap:28px;align-items:center;width:min(1280px,calc(100% - 82px));margin:0 auto 58px;padding:34px 44px;border:1px solid rgba(155,92,255,.45);border-radius:16px;background:radial-gradient(circle at 82% 50%,rgba(109,77,255,.2),transparent 26%),#0d1020}.rocket{color:var(--purple);font-size:4.2rem}.cta h2{margin-bottom:8px;font-size:1.25rem}.cta p{margin:0;color:var(--muted);font-size:.95rem}.app-loading,.auth-page{display:grid;min-height:100vh;place-items:center;padding:28px;background:radial-gradient(circle at 50% 12%,rgba(126,29,255,.2),transparent 28%),var(--bg)}.loading-card{display:grid;justify-items:center;width:min(100% - 32px,430px);padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0b0f1b;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.38)}.loading-card strong{font-size:1.15rem}.loading-card p{margin:12px 0 22px;color:var(--muted);line-height:1.5}.auth-card{width:min(100%,520px);padding:28px 34px 24px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#090d18;box-shadow:0 24px 70px rgba(0,0,0,.38)}.auth-card-compact .auth-logo{margin-bottom:10px}.auth-card-compact .auth-logo img{width:25px;height:20px}.auth-card-compact .auth-logo span{font-size:1rem;letter-spacing:-1px}.auth-card-compact .auth-heading{margin-bottom:18px}.auth-card-compact .auth-heading h1{font-size:1.2rem}.auth-card-compact .auth-divider span,.auth-card-compact .auth-heading p,.auth-card-compact .auth-link,.auth-card-compact .auth-switch{font-size:.8rem}.auth-card-compact .google-button-wrap{min-height:46px;margin:0 auto;overflow:visible}.auth-card-compact .auth-divider{margin:14px 0 12px}.auth-card-compact .auth-form{gap:9px}.auth-card-compact .auth-form label{font-size:.68rem}.auth-card-compact .auth-form input,.auth-card-compact .auth-submit{min-height:34px;font-size:.72rem}.app-logo,.auth-logo{display:flex;align-items:center;gap:8px;width:max-content;margin:0 auto 24px}.app-logo img,.auth-logo img{width:42px;height:32px;object-fit:contain}.app-logo span,.auth-logo span{color:#f7f4ff;font-size:1.7rem;font-weight:1000;letter-spacing:-2px}.auth-heading{margin-bottom:22px;text-align:center}.auth-heading h1{margin:0 0 8px;font-size:2rem;letter-spacing:0}.auth-divider span,.auth-heading p,.auth-switch,.connect-main p,.connect-main small{color:var(--muted)}.google-button-wrap{display:grid;justify-content:center;min-height:44px}.google-button{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:56px;border:0;border-radius:8px;background:#ffffff;color:#171923;cursor:pointer;font-weight:950}.google-mark{color:#4285f4;font-size:1.35rem;font-weight:1000}.auth-divider{display:flex;align-items:center;gap:14px;margin:26px 0 20px}.auth-divider:after,.auth-divider:before{flex:1 1;height:1px;background:rgba(255,255,255,.18);content:""}.auth-divider span{font-size:.82rem;font-weight:800}.auth-form{display:grid;grid-gap:16px;gap:16px}.auth-form label,.connect-form{display:grid;grid-gap:8px;gap:8px}.auth-form label{color:white;font-size:.88rem;font-weight:900}.auth-form input,.connect-form input,.connect-form select{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:0 14px;background:#070a13;color:white;outline:none}.connect-form label{display:grid;grid-gap:8px;gap:8px;color:white;font-size:.86rem;font-weight:900}.connect-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,#b990ff 0) right 18px center /8px 8px no-repeat,linear-gradient(135deg,#b990ff 50%,transparent 0) right 13px center /8px 8px no-repeat,#070a13}.auth-link,.auth-switch button{border:0;background:transparent;color:#b069ff;cursor:pointer;font-weight:900}.auth-error{margin:0;color:#ff7b7b;font-size:.9rem}.auth-error-centered,.auth-status{margin:16px 0 0;text-align:center}.auth-status{color:var(--muted);font-size:.86rem}.auth-submit{width:100%}.auth-switch{margin:22px 0 0;text-align:center}.app-frame{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 62% 22%,rgba(126,29,255,.12),transparent 26%),#070a13}.connect-shell{max-width:980px;min-height:690px;margin:0 auto;overflow:hidden}.app-sidebar{display:flex;flex-direction:column;gap:34px;padding:34px 28px 26px;border-right:1px solid rgba(255,255,255,.1);background:rgba(8,11,20,.82)}.app-logo{margin:0 0 10px}.app-logo-full{width:156px;height:auto}.app-sidebar nav{display:grid;grid-gap:8px;gap:8px}.app-sidebar a,.app-sidebar button{min-height:44px;border:0;border-radius:8px;padding:0 14px;background:transparent;color:#c9c7d8;cursor:pointer;text-align:left;font-size:.88rem;font-weight:850}.app-sidebar a{display:flex;align-items:center;gap:12px}.app-sidebar a.active{background:linear-gradient(105deg,var(--purple),var(--purple-2));color:white}.nav-icon{display:grid;width:18px;height:18px;place-items:center;color:#c8c4d4;font-size:.72rem;font-weight:950}.app-sidebar a.active .nav-icon{color:white}.app-sidebar button{margin-top:auto}.connect-main,.connect-success,.dashboard-main{padding:42px}.dashboard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.connect-main h1,.connect-success h1,.dashboard-top h1{margin:0;font-size:1.6rem;letter-spacing:0}.avatar{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#ffffff;color:#121421;font-weight:950}.avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.activity-panel,.connect-success,.welcome-panel{border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0b0f1b}.activity-panel,.welcome-panel{padding:28px;margin-bottom:20px}.activity-panel h2,.welcome-panel h2{margin-bottom:10px;font-size:1.25rem}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:24px}.channel-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.channel-summary span{display:inline-flex;min-height:30px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:0 12px;color:var(--muted);font-size:.82rem;font-weight:800}.dashboard-metrics article{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:10px}.dashboard-metrics span{display:block;color:var(--muted);font-size:.82rem}.dashboard-metrics strong{display:block;margin-top:8px;font-size:1.4rem}.activity-list{display:grid;grid-gap:12px;gap:12px}.activity-list p{display:flex;justify-content:space-between;margin:0;color:var(--muted)}.activity-list strong{color:#49e59a}.connect-main{max-width:660px;margin:0;padding:52px 54px 38px}.connect-panel{display:grid;align-content:start;min-height:100%}.connect-copy h1{margin-bottom:10px;font-size:1.85rem}.connect-copy p{max-width:560px;font-size:1rem;line-height:1.55}.youtube-orbit{display:grid;position:relative;width:390px;height:220px;margin:18px auto;place-items:center}.youtube-orbit:before{position:absolute;width:142px;height:142px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1),transparent 22%),radial-gradient(circle,rgba(255,0,0,.95),rgba(255,0,0,.38) 48%,rgba(126,29,255,.16) 70%,transparent 72%);box-shadow:0 0 54px rgba(255,0,0,.35),0 0 70px rgba(126,29,255,.25);content:""}.orbit-line{position:absolute;width:360px;height:78px;border:2px solid rgba(153,67,255,.68);border-radius:50%}.orbit-line-one{transform:rotate(-6deg)}.orbit-line-two{transform:rotate(15deg)}.orbit-dot{position:absolute;z-index:2;width:13px;height:13px;border-radius:50%;background:var(--purple);box-shadow:0 0 18px rgba(155,92,255,.9)}.dot-one{left:52px;top:60px}.dot-two{right:32px;top:106px}.dot-three{left:142px;bottom:34px;width:8px;height:8px}.youtube-orbit img{position:relative;z-index:3;width:86px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.38))}.connect-main ul{display:grid;grid-gap:17px;gap:17px;margin:0 0 24px;padding:0;list-style:none}.connect-main li:before{margin-right:18px;color:#a869ff;content:"✓";font-size:1.55rem;line-height:0}.connect-youtube-button{width:100%;min-height:58px;font-size:1rem}.connect-channel-form{display:grid;grid-gap:14px;gap:14px;margin-bottom:20px}.connect-error{margin:0;color:#ff7b7b;font-size:.88rem}.connect-list li:before{content:"\2713"}.connect-main small{display:block;text-align:center}.connect-success{display:grid;align-content:center;justify-items:center;min-height:100vh;text-align:center}.success-check{display:grid;width:112px;height:112px;margin-bottom:28px;place-items:center;border:4px solid var(--purple);border-radius:50%;color:var(--purple);font-size:4rem;box-shadow:0 0 45px rgba(126,29,255,.4)}.dashboard-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;background:radial-gradient(circle at 82% 2%,rgba(126,29,255,.18),transparent 24%),radial-gradient(circle at 18% 92%,rgba(66,29,143,.22),transparent 28%),#050812;color:#ffffff}.dashboard-sidebar{display:flex;position:-webkit-sticky;position:sticky;top:0;flex-direction:column;min-height:100vh;padding:32px 22px 24px;border-right:1px solid rgba(255,255,255,.1);background:rgba(7,10,19,.84);box-shadow:18px 0 60px rgba(0,0,0,.22)}.dashboard-brand{display:inline-flex;width:164px;margin-bottom:34px}.dashboard-brand img{width:100%;height:auto}.dashboard-sidebar nav{display:grid;grid-gap:12px;gap:12px}.dashboard-sidebar nav a,.logout-link{display:flex;min-height:58px;align-items:center;gap:16px;border:0;border-radius:10px;padding:0 17px;background:transparent;color:#c9cce0;font-size:.98rem;font-weight:760;text-decoration:none}.dashboard-sidebar nav a.active{background:linear-gradient(105deg,rgba(138,62,255,.92),rgba(79,31,155,.92));color:#ffffff;box-shadow:0 18px 42px rgba(126,29,255,.24)}.dashboard-sidebar svg{width:22px;height:22px;flex:0 0 auto}.dashboard-ad-slot{width:100%;min-height:96px;margin:0 0 22px;overflow:hidden;border-radius:10px}.invite-panel{margin-top:auto;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:18px 16px;background:linear-gradient(145deg,rgba(17,22,38,.9),rgba(8,11,20,.82)),#0b1020}.invite-panel:before{display:grid;width:22px;height:22px;margin-bottom:14px;place-items:center;border-radius:6px;background:linear-gradient(135deg,var(--purple),#5c25c9);color:#ffffff;content:"\2665";font-size:.82rem}.invite-panel strong{display:block;margin-bottom:12px;color:#ffffff;font-size:.9rem}.invite-panel p{margin:0 0 18px;color:#c4c6d7;font-size:.88rem;line-height:1.6}.channel-card>a,.invite-panel button,.progress-card>a{display:inline-flex;width:100%;min-height:42px;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(166,83,255,.78);border-radius:7px;background:rgba(126,29,255,.08);color:#bb74ff;font-weight:850;text-decoration:none}.channel-card>a svg,.invite-panel button svg{width:17px;height:17px}.logout-link{min-height:38px;margin-top:16px;cursor:pointer;opacity:.72}.dashboard-workspace{width:min(100%,1480px);padding:42px 44px 38px}.dashboard-hero-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:28px;gap:28px;align-items:center;margin-bottom:30px}.dashboard-hero-bar h1{margin:0 0 9px;color:#ffffff;font-size:2rem;letter-spacing:0}.dashboard-hero-bar p{margin:0;color:#c6c8d8;font-size:.98rem}.dashboard-actions{display:flex;align-items:center;gap:18px}.profile-menu{position:relative}.profile-chip{display:inline-flex;min-height:56px;align-items:center;gap:10px;border:0;border-radius:999px;padding:0 6px 0 0;background:transparent;color:#ffffff;cursor:pointer;font-size:.9rem;font-weight:850}.profile-chip>svg{width:16px;height:16px;color:#aeb2c6}.profile-dropdown{position:absolute;z-index:20;right:0;top:calc(100% + 12px);width:230px;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px;background:rgba(8,11,20,.98);box-shadow:0 18px 48px rgba(0,0,0,.36)}.profile-dropdown span{display:block;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);padding:7px 8px 11px;color:#bfc4d9;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown button{width:100%;min-height:40px;margin-top:8px;border:0;border-radius:7px;background:rgba(126,29,255,.16);color:#ffffff;cursor:pointer;font-size:.88rem;font-weight:850;text-align:left;padding:0 10px}.dashboard-avatar{display:grid;width:44px;height:44px;overflow:hidden;place-items:center;border:2px solid rgba(255,255,255,.65);border-radius:50%;background:radial-gradient(circle at 45% 38%,#1e2236,#05070f);color:#ffffff;font-weight:950}.dashboard-avatar.user{border-color:rgba(255,255,255,.8);background:#b44ad6}.dashboard-avatar.large{width:88px;height:88px;margin:18px auto 13px;border-color:rgba(255,255,255,.48);font-size:1.8rem}.dashboard-avatar img{width:100%;height:100%;object-fit:cover}.primary-action{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:0 24px;font-size:.94rem;font-weight:900;text-decoration:none;border:0;background:linear-gradient(105deg,#9b3fff,#6b32f7);color:#ffffff;box-shadow:0 18px 42px rgba(126,29,255,.28)}.primary-action img{width:24px;height:auto}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px;margin-bottom:22px}.dashboard-card,.dashboard-stat-card{border:1px solid rgba(255,255,255,.12);border-radius:10px;background:radial-gradient(circle at 86% 0,rgba(126,29,255,.12),transparent 40%),rgba(9,13,24,.84);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.dashboard-stat-card{display:flex;min-height:148px;justify-content:space-between;padding:24px 26px}.dashboard-stat-card em,.dashboard-stat-card span{display:block;color:#ced1df;font-size:.92rem;font-style:normal}.dashboard-stat-card strong{display:block;margin-top:9px;color:#ffffff;font-size:2rem;line-height:1.05}.dashboard-stat-card small{display:block;margin-top:10px;color:#33f295;font-size:.95rem;font-weight:950}.dashboard-stat-card i{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:50%;background:rgba(126,29,255,.28);color:#a157ff;font-style:normal}.dashboard-stat-card svg{width:21px;height:21px}.dashboard-card{padding:22px}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dashboard-card h2,.section-title-row h2{margin:0;color:#ffffff;font-size:1.18rem;letter-spacing:0}.section-title-row a{color:#bd63ff;font-size:.92rem;font-weight:850;text-decoration:none}.see-all-button{border:0;background:transparent;color:#bd63ff;cursor:pointer;font-size:.92rem;font-weight:900}.video-strip{position:relative;margin-bottom:22px}.dashboard-video-section+.dashboard-video-section{margin-top:28px;border-top:1px solid rgba(255,255,255,.08);padding-top:22px}.video-carousel-wrap,.video-row{position:relative}.video-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:20px;gap:20px}.shorts-row{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard-video-card{min-width:0;color:inherit;text-decoration:none}.dashboard-video-card.short .video-thumb{aspect-ratio:9/16}.video-thumb{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#05070f}.video-thumb:after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.44),transparent 50%);content:""}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb span{position:absolute;z-index:2;top:8px;right:8px;border-radius:999px;padding:4px 8px;background:rgba(0,0,0,.72);color:#ffffff;font-size:.8rem;font-weight:850}.thumb-placeholder{display:grid;position:static;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,rgba(126,29,255,.35),rgba(8,11,20,.9));color:#ffffff;font-size:1.4rem;font-weight:950}.dashboard-video-card h3{overflow:hidden;margin:12px 0 9px;color:#ffffff;font-size:.94rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.dashboard-video-card p{display:flex;align-items:center;gap:8px;margin:0;color:#c8cbdc;font-size:.9rem}.dashboard-video-card svg{width:17px;height:17px}.carousel-nav{display:grid;position:absolute;z-index:5;top:50%;width:52px;height:52px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#12182b;color:#ffffff;cursor:pointer;transform:translateY(-50%)}.carousel-nav.previous{left:-26px}.carousel-nav.next{right:-26px}.carousel-nav:disabled{cursor:not-allowed;opacity:.38}.carousel-nav svg{width:28px;height:28px}.video-empty{display:grid;min-height:112px;place-items:center;border:1px dashed rgba(255,255,255,.14);border-radius:8px;color:#bfc5d8;font-size:.92rem;text-align:center}.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr) minmax(280px,1.08fr);grid-gap:20px;gap:20px}.recent-list{display:grid;margin-top:14px}.recent-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:center;min-height:58px;border-bottom:1px solid rgba(255,255,255,.07);padding:9px 12px 9px 8px;background:rgba(255,255,255,.018)}.recent-item:first-child{border-radius:8px 8px 0 0}.recent-item:last-child{border-bottom:0;border-radius:0 0 8px 8px}.recent-item>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%}.recent-item>span.purple{background:rgba(126,29,255,.28);color:#a764ff}.recent-item>span.pink{background:rgba(255,66,139,.2);color:#ff5797}.recent-item svg{width:21px;height:21px}.recent-item strong{display:block;overflow:hidden;color:#ffffff;font-size:.86rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.recent-item small{display:block;margin-top:4px;color:#b0b5c9;font-size:.8rem}.recent-item em{color:#c05dff;font-size:.86rem;font-style:normal;font-weight:900}.channel-card,.progress-card{text-align:center}.channel-card h2,.progress-card h2{text-align:left}.progress-ring{display:grid;width:150px;height:150px;margin:28px auto 22px;place-items:center;border-radius:50%;background:radial-gradient(circle,#080b15 55%,transparent 56%),conic-gradient(#8d3cff 0 78%,rgba(255,255,255,.06) 78% 100%);box-shadow:0 0 45px rgba(126,29,255,.3)}.progress-ring span,.progress-ring strong{grid-area:1/1}.progress-ring strong{margin-top:-18px;color:#ffffff;font-size:2rem}.progress-ring span{margin-top:36px;color:#c682ff;font-size:.82rem;font-weight:850}.progress-card p{max-width:250px;margin:0 auto 21px;color:#c8ccdb;font-size:.91rem;line-height:1.55}.channel-card>strong{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#ffffff;font-size:1.05rem}.channel-card>strong span{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:var(--purple);color:#ffffff}.channel-card>strong svg{width:12px;height:12px}.channel-card>p{margin:7px 0 26px;color:#cbd0de;font-size:.92rem}.level-block{margin-bottom:18px;text-align:left}.level-block small,.level-block>span{color:#aeb4ca;font-size:.82rem}.level-block div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:7px 0 9px}.level-block strong{color:#ffffff;font-size:.92rem}.level-block em{border-radius:7px;padding:5px 9px;background:rgba(126,29,255,.3);color:#c680ff;font-size:.78rem;font-style:normal;font-weight:950}.level-block progress{width:100%;height:8px;overflow:hidden;border:0;border-radius:999px;background:rgba(255,255,255,.08)}.level-block progress::-webkit-progress-bar{background:rgba(255,255,255,.08)}.level-block progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,#b13dff,#7a43ff)}.level-block progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,#b13dff,#7a43ff)}@media (max-width:1180px){.dashboard-shell{grid-template-columns:92px minmax(0,1fr)}.dashboard-sidebar{padding:24px 14px}.dashboard-brand{width:48px;overflow:hidden}.dashboard-brand img{width:122px;max-width:none}.dashboard-sidebar nav a{justify-content:center;padding:0;font-size:0}.invite-panel,.logout-link{display:none}.dashboard-hero-bar{grid-template-columns:1fr}.dashboard-actions{flex-wrap:wrap}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-row{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-lower-grid,.site-header{grid-template-columns:1fr}.header-actions,.main-nav{justify-content:flex-start;flex-wrap:wrap}.discover,.hero{grid-template-columns:1fr}.hero-copy{padding-left:0}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.step-line{display:none}}@media (max-width:760px){.dashboard-shell,body,html{overflow-x:hidden}.dashboard-shell{grid-template-columns:1fr;width:100%}.dashboard-sidebar{position:static;display:block;min-height:auto;padding:22px 18px 18px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden}.dashboard-brand{width:142px;margin-bottom:22px;overflow:visible}.dashboard-brand img{width:100%;max-width:100%}.dashboard-sidebar nav{display:flex;gap:10px;margin:0 -18px;overflow-x:auto;padding:0 18px 4px;scrollbar-width:none}.dashboard-sidebar nav::-webkit-scrollbar{display:none}.dashboard-sidebar nav a{flex:0 0 56px;min-width:56px;min-height:56px;border-radius:14px}.dashboard-workspace{width:100%;max-width:100%;overflow:hidden;padding:28px 18px 92px}.dashboard-ad-slot{min-height:88px;margin-bottom:18px}.dashboard-hero-bar{gap:22px;margin-bottom:22px}.dashboard-hero-bar h1{font-size:clamp(2.15rem,10vw,3rem);line-height:1.06}.dashboard-hero-bar p{font-size:1rem;line-height:1.48}.dashboard-actions{display:grid;grid-template-columns:1fr;align-items:stretch;grid-gap:14px;gap:14px}.profile-menu{width:100%}.profile-chip{width:100%;min-height:54px;justify-content:flex-start;order:-1}.profile-dropdown{right:auto;left:0;width:min(100%,320px)}.primary-action{width:100%;min-width:0;min-height:58px;justify-content:center;padding:0 18px;white-space:nowrap}.dashboard-stat-grid{grid-template-columns:1fr;gap:16px}.dashboard-stat-card{min-height:132px;padding:22px}.dashboard-stat-card strong{font-size:clamp(2rem,12vw,3.25rem);overflow-wrap:anywhere}.dashboard-card{padding:18px}.shorts-row,.video-row{display:flex;gap:14px;margin:0 -18px;overflow-x:auto;padding:0 18px 6px;scrollbar-width:none}.shorts-row::-webkit-scrollbar,.video-row::-webkit-scrollbar{display:none}.dashboard-video-card{flex:0 0 78%}.dashboard-video-card.short{flex-basis:48%}.carousel-nav{display:none}.dashboard-lower-grid{gap:16px}.recent-item{grid-template-columns:42px minmax(0,1fr)}.recent-item em{grid-column:2}.cta,.discover,.faq-section,.hero,.site-header,.steps{width:min(100% - 36px,680px)}.site-header{position:-webkit-sticky;position:sticky;z-index:60;top:0;grid-template-columns:1fr auto;gap:12px;padding:16px 0 12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo{width:148px}.logo img{width:46px}.logo span{font-size:1.65rem}.mobile-menu-toggle{display:inline-flex}.main-nav{display:none;grid-column:1/-1;grid-template-columns:1fr;gap:0;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px;background:rgba(8,10,20,.98);box-shadow:0 20px 44px rgba(0,0,0,.34)}.site-header.menu-open .main-nav{display:grid}.main-nav a{min-height:42px;padding:11px 12px}.main-nav a.active:after{right:auto;width:34px;left:12px}.header-actions{display:none;grid-column:1/-1;grid-template-columns:1fr;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;background:rgba(8,10,20,.98)}.site-header.menu-open .header-actions{display:grid}.header-actions .button,.header-actions button{width:100%;min-height:46px;justify-content:center}.auth-overlay-panel{justify-items:center;padding:92px 18px 24px}.hero-auth-panel{width:min(100%,360px)}.hero-auth-panel .auth-card{padding:24px 18px 20px}.hero{min-height:auto;padding-top:28px}h1{font-size:clamp(2.5rem,13vw,3.7rem)}.hero-copy p{font-size:1.08rem}.cta,.feed-cards,.hero-stats,.steps{grid-template-columns:1fr}.hero-visual{min-height:560px;transform:scale(.82);transform-origin:top center}.discover{padding:28px 20px}.feed-card{min-height:320px}.next-card{display:none}.cta{justify-items:start}}