:root{--bg:#070d14;--panel:#0d1722;--panel2:#111f2d;--line:#203247;--text:#f5f8fc;--muted:#94a5bb;--blue:#2e7df6;--cyan:#09c8ee;--green:#38d66b;--amber:#ffb31f;--red:#ff4b5e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a{transition:all .2s}button{cursor:pointer}.primary,.secondary{border-radius:12px;font-weight:800}.primary{color:#fff;background:linear-gradient(135deg,#3287ff,#2164dc);border:1px solid #55a0ff;box-shadow:0 10px 30px #2777f240}.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.secondary{color:#eef5ff;background:#121f2d;border:1px solid #2c4055}.secondary:hover{background:#17283a;border-color:#4778ac}.compact{padding:12px 18px}.large{padding:16px 25px;font-size:16px}.full{width:100%;padding:14px}.textButton{color:#a9bad0;background:0 0;border:0;font-weight:700}.textButton:hover{color:#fff}.eyebrow{letter-spacing:2px;color:#54a1ff;font-size:11px;font-weight:900}.wordmark{color:#fff;letter-spacing:1px;align-items:center;gap:12px;font-size:22px;font-weight:900;text-decoration:none;display:flex}.wordmark img{border-radius:10px;width:38px;height:38px}.wordmark span{flex-direction:column;display:flex}.wordmark small{letter-spacing:1.5px;color:#8496aa;margin-top:2px;font-size:8px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#070d14eb;align-items:center;height:82px;padding:0 clamp(24px,5vw,84px);display:flex;position:sticky;top:0}.topbar>nav{gap:34px;margin:auto;display:flex}.topbar>nav a{color:#aab8c9;font-size:14px;font-weight:700;text-decoration:none}.topbar>nav a:hover{color:#fff}.topActions{align-items:center;gap:10px;display:flex}.landing .hero{background:radial-gradient(circle at 80% 35%,#216be226,#0000 30%);grid-template-columns:minmax(380px,1fr) minmax(440px,.9fr);align-items:center;gap:70px;min-height:680px;padding:90px clamp(24px,6vw,110px);display:grid;overflow:hidden}.heroCopy h1{letter-spacing:-4px;max-width:850px;margin:17px 0 24px;font-size:clamp(48px,6vw,86px);line-height:.98}.heroCopy h1 em{color:#4b95ff;font-style:normal}.heroCopy>p{color:#a9b8ca;max-width:670px;font-size:19px;line-height:1.65}.heroActions{gap:12px;margin:34px 0 28px;display:flex}.trust{color:#7f93a9;flex-wrap:wrap;gap:20px;font-size:12px;font-weight:700;display:flex}.trust span{white-space:nowrap}.heroVisual{position:relative}.glow{filter:blur(140px);opacity:.22;background:#165fc5;border-radius:50%;width:450px;height:450px;position:absolute}.appMock{background:linear-gradient(145deg,#101c29,#09121c);border:1px solid #2a4159;border-radius:22px;padding:20px;position:relative;transform:perspective(1200px)rotateY(-5deg);box-shadow:0 40px 100px #0009}.mockTop{color:#aab9ca;letter-spacing:1px;justify-content:space-between;align-items:center;padding:5px 4px 20px;font-size:11px;font-weight:900;display:flex}.mockTop i{background:var(--cyan);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.mockTop b{color:var(--green);background:#0b2c1a;border:1px solid #1b6538;border-radius:8px;padding:8px 10px}.mockSearch{color:#63788e;background:#0a131d;border:1px solid #26394d;border-radius:10px;margin-bottom:12px;padding:14px}.mockTrack{background:#0d1824;border:1px solid #213348;border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;margin-top:8px;padding:15px 12px;display:grid}.mockTrack:last-child{border-color:#68551c}.mockTrack .trackNum{color:#546a82;font-size:12px;font-weight:900}.mockTrack span:nth-child(2){flex-direction:column;gap:5px;display:flex}.mockTrack b{font-size:13px}.mockTrack small{color:#74879e}.mockTrack strong{color:var(--green);font-size:9px}.mockTrack:last-child strong{color:var(--amber)}.steps{text-align:center;border-top:1px solid #18283a;padding:100px clamp(24px,8vw,150px)}.steps h2,.featureBand h2,.pricing>h2{letter-spacing:-2px;margin:14px 0 50px;font-size:clamp(34px,4vw,55px)}.stepGrid{text-align:left;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stepGrid article{background:linear-gradient(145deg,#0e1823,#0a121b);border:1px solid #1c3044;border-radius:18px;padding:28px}.stepGrid article>b{color:#397ff0;font-size:12px}.stepGrid h3{margin:25px 0 10px;font-size:21px}.stepGrid p,.featureBand p{color:#91a3b8;line-height:1.7}.featureBand{background:#0a121b;border-block:1px solid #1a2a3c;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:90px clamp(24px,8vw,150px);display:grid}.featureBand h2{margin-bottom:20px}.featureBand ul{grid-template-columns:1fr 1fr;gap:14px;padding:0;list-style:none;display:grid}.featureBand li{background:#0d1824;border:1px solid #22364a;border-radius:12px;padding:18px;font-weight:700}.featureBand li:before{content:"✓";color:var(--green);margin-right:10px}.pricing{text-align:center;padding:100px 24px}.pricing>h2{margin-bottom:35px}.pricing article{background:linear-gradient(160deg,#102033,#09131e);border:1px solid #2d5381;border-radius:22px;max-width:460px;margin:auto;padding:35px;box-shadow:0 30px 80px #0007}.pricing article>span{letter-spacing:2px;color:#65a6ff;font-size:11px;font-weight:900}.pricing h3{margin:20px;font-size:72px}.pricing h3 sup{vertical-align:top;font-size:26px}.pricing h3 small{color:#8ca0b7;font-size:15px}.pricing p{color:#9bacc0;line-height:1.6}.pricing article button{width:100%;margin:28px 0 18px;display:block}.pricing article>small{color:#73869c}footer{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:40px;padding:38px clamp(24px,6vw,100px);display:grid}footer>div{justify-content:center;gap:20px;display:flex}footer a{color:#8498ae;font-size:12px;font-weight:700;text-decoration:none}footer p{color:#65788d;font-size:11px}.authShell{background:radial-gradient(circle at 15% 70%,#2071e82e,#0000 35%);grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid;position:relative}.backLink{color:#9eb0c4;background:0 0;border:0;font-weight:700;position:absolute;top:28px;left:30px}.authBrand{flex-direction:column;justify-content:center;padding:100px clamp(40px,8vw,140px);display:flex}.authBrand>img{border-radius:16px;width:72px;margin-bottom:46px}.authBrand h1{letter-spacing:-4px;margin:15px 0 25px;font-size:clamp(50px,6vw,84px);line-height:1.02}.authBrand h1 em{color:#438cf7;font-style:normal}.authBrand p{color:#98abc0;max-width:570px;font-size:18px;line-height:1.6}.authCard{background:#0e1925;border:1px solid #263a4f;border-radius:24px;width:min(480px,100% - 50px);margin:auto;padding:42px;box-shadow:0 40px 100px #0008}.miniLogo{letter-spacing:1px;align-items:center;gap:9px;font-weight:900;display:flex}.miniLogo img{border-radius:7px;width:28px}.authCard h2{margin:40px 0 7px;font-size:34px}.authCard>p{color:#96a8bc;margin:0 0 28px}.authCard form{flex-direction:column;gap:17px;display:flex}.authCard label{color:#bdc9d7;flex-direction:column;gap:8px;font-size:12px;font-weight:800;display:flex}.authCard input{color:#fff;background:#09121b;border:1px solid #2b4055;border-radius:11px;outline:none;padding:14px}.authCard input:focus{border-color:#3889fb;box-shadow:0 0 0 3px #2174e52b}.authCard form>.primary{margin-top:5px;padding:14px}.authCard>.textButton{margin:16px auto;display:block}.legalCheck{align-items:flex-start;line-height:1.4;flex-direction:row!important;font-weight:500!important}.legalCheck input{margin:2px 4px 0 0}.divider{text-align:center;background:#263647;height:1px;margin:26px 0}.divider span{color:#71859b;background:#0e1925;padding:0 12px;font-size:11px;position:relative;top:-9px}.notice{color:#b9d8f7;background:#13283c;border:1px solid #315e88;border-radius:10px;margin-top:16px;padding:12px;font-size:12px}.portal{grid-template-columns:235px 1fr;min-height:100vh;display:grid}.sidebar{background:#09121b;border-right:1px solid #213247;flex-direction:column;width:235px;padding:22px 14px;display:flex;position:fixed;inset:0 auto 0 0}.sideBrand{align-items:center;gap:12px;padding:8px 9px 25px;display:flex}.sideBrand img{border-radius:10px;width:40px}.sideBrand div{flex-direction:column;display:flex}.sideBrand b{letter-spacing:1px;font-size:20px}.sideBrand small{color:#7990a7;letter-spacing:1px;margin-top:3px;font-size:8px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav button{color:#8fa2b6;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:13px;padding:14px 16px;font-weight:750;display:flex}.sidebar nav button span{text-align:center;width:24px;font-size:20px}.sidebar nav button.active{color:#fff;background:#142338;border-color:#23415e;box-shadow:inset 3px 0 #3286ff}.sideFoot{color:#8ea0b4;border-top:1px solid #1f3042;flex-direction:column;gap:10px;margin-top:auto;padding:15px 10px;font-size:11px;display:flex}.sideFoot i{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.sideFoot button{color:#71869c;text-align:left;background:0 0;border:0;padding:0}.content{grid-column:2;min-width:0;padding:34px clamp(25px,4vw,60px)}.appHeader{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.appHeader h1{margin:8px 0;font-size:36px}.avatar{background:linear-gradient(135deg,#2c7cf4,#0cc5df);border-radius:50%;place-items:center;width:45px;height:45px;font-weight:900;display:grid}.dashboardGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.welcomeCard{background:linear-gradient(120deg,#102337,#0b1723);border:1px solid #265082;border-radius:20px;grid-column:1/4;justify-content:space-between;align-items:center;padding:30px;display:flex}.welcomeCard h2{margin:12px 0 6px;font-size:28px}.welcomeCard p{color:#96a8ba;margin:0 0 22px}.statusBadge,.available,.pending{letter-spacing:1px;border-radius:5px;padding:6px 8px;font-size:9px;font-weight:900}.statusBadge,.available{color:#45df77;background:#0c3320;border:1px solid #1e6a3a}.pending{color:#ffc137;background:#352812;border:1px solid #705116}.buttonRow{gap:10px;display:flex}.pulse{color:#3a8eff;padding-right:40px;font-size:80px}.stat,.wideCard,.settingsGrid article{background:#0e1823;border:1px solid #203347;border-radius:16px;padding:23px}.stat{flex-direction:column;gap:10px;display:flex}.stat>span{letter-spacing:1.3px;color:#778ba2;font-size:9px;font-weight:900}.stat>b{font-size:25px}.stat small{color:#72869c}.wideCard{grid-column:1/4}.checklist{flex-wrap:wrap;gap:12px;display:flex}.checklist span{color:#8ea1b5;border:1px solid #263a50;border-radius:8px;padding:10px 12px;font-size:12px}.checklist .done{color:#56db82;border-color:#286943}.preparePanel{background:#0b141e;border:1px solid #22364b;border-radius:20px;min-height:650px;padding:26px}.prepareHead{align-items:center;gap:12px;display:flex}.prepareHead>div:first-child{margin-right:auto}.prepareHead h2{margin:0;font-size:30px}.prepareHead p{color:#8fa2b7}.spotify{color:#23db69;background:#11202e;border:1px solid #31526c;border-radius:12px;min-width:76px;height:52px;font-size:22px;font-weight:900}.spotify small{color:#fff;font-size:9px;display:block}.prepareTools{grid-template-columns:minmax(220px,1fr) 180px auto auto auto;gap:10px;margin-top:24px;display:grid}.prepareTools>div{color:#6f8399;background:#0c1722;border:1px solid #263a4e;border-radius:11px;padding:14px}.count{border-radius:10px;place-items:center;padding:12px;font-size:10px;font-weight:900;display:grid}.count.green{color:var(--green);background:#0d2a18;border:1px solid #246b3d}.count.amber{color:var(--amber);background:#2d210d;border:1px solid #725216}.count.red{color:var(--red);background:#2f1118;border:1px solid #762733}.emptyState,.emptyPanel{text-align:center;color:#8195ab;padding:120px 20px}.emptyState>span,.emptyPanel>span{color:#367ce9;font-size:50px}.emptyState h3,.emptyPanel h2{color:#eef5fc;margin:18px 0 8px;font-size:24px}.emptyState p,.emptyPanel p{max-width:600px;margin:auto;line-height:1.6}.downloadGrid,.settingsGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.downloadGrid article{background:#0e1924;border:1px solid #22374b;border-radius:17px;gap:22px;padding:27px;display:flex}.downloadGrid .guide{grid-column:1/3;display:block}.platform{font-size:46px}.downloadGrid h2{margin:12px 0 6px}.downloadGrid p,.settingsGrid p{color:#91a3b7;line-height:1.5}.settingsGrid article h2{margin-top:0}.emptyLine{color:#768aa0;border:1px dashed #2a3e53;border-radius:10px;margin-top:18px;padding:14px}@media (max-width:1050px){.landing .hero{grid-template-columns:1fr}.heroVisual{max-width:650px}.topbar>nav{display:none}.featureBand{grid-template-columns:1fr;gap:35px}.prepareHead{flex-wrap:wrap}.prepareTools{grid-template-columns:1fr 1fr}.dashboardGrid{grid-template-columns:1fr}.welcomeCard,.wideCard{grid-column:1}.downloadGrid,.settingsGrid{grid-template-columns:1fr}.downloadGrid .guide{grid-column:1}}@media (max-width:760px){.topbar{padding:0 18px}.topActions .textButton{display:none}.landing .hero{min-height:auto;padding:60px 22px}.heroCopy h1{letter-spacing:-2px;font-size:48px}.heroActions{flex-direction:column}.heroActions button{width:100%}.heroVisual{display:none}.stepGrid{grid-template-columns:1fr}.steps,.featureBand{padding:70px 22px}.featureBand ul{grid-template-columns:1fr}.pricing{padding:70px 20px}footer{text-align:center;grid-template-columns:1fr}footer .wordmark{justify-content:center}footer>div{flex-wrap:wrap}.authShell{grid-template-columns:1fr}.authBrand{display:none}.authCard{margin-top:80px;padding:30px}.portal{display:block}.sidebar{flex-direction:row;align-items:center;width:100%;height:auto;padding:10px;position:static;overflow:auto}.sideBrand{padding:0}.sideBrand small{display:none}.sidebar nav{flex-direction:row}.sidebar nav button{padding:11px}.sidebar nav button span,.sideFoot{display:none}.content{padding:22px}.appHeader h1{font-size:28px}.welcomeCard{padding:22px}.pulse{display:none}.preparePanel{padding:15px}.prepareHead>div:first-child{width:100%}.prepareTools{grid-template-columns:1fr 1fr}.prepareTools .count{display:none}.downloadGrid{grid-template-columns:1fr}.buttonRow{flex-direction:column}}.topbar{background:#03070df5;height:96px;box-shadow:0 1px #2e7df633}.topbar .wordmark img{border-radius:0;width:230px;height:auto;display:block}footer .wordmark img{border-radius:0;width:260px;height:auto}.authBrand>img{object-fit:contain;border-radius:0;width:min(520px,80%);height:auto;margin-bottom:44px}.miniLogo img{object-fit:contain;border-radius:0;width:110px;height:auto}.sideBrand>img{object-fit:contain;border-radius:0;width:108px;height:auto}.landing .hero{background:radial-gradient(circle at 78% 28%,#00beff29,#0000 30%),radial-gradient(circle at 65% 60%,#5b2fff17,#0000 34%),#050a10}.heroCopy h1 em{background:linear-gradient(90deg,#1687ff,#16d3f2,#7945ff);color:#0000;-webkit-background-clip:text;background-clip:text}.primary{background:linear-gradient(135deg,#168cff,#126ee8 55%,#6040f5);border-color:#2abffc}.appMock{border-color:#245f91;box-shadow:0 40px 110px #000,0 0 45px #168cff1f}@media (max-width:760px){.topbar{height:78px}.topbar .wordmark img{width:155px}}