@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f5f6fb;background:#080b16;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080b16}.app{min-height:100vh;background:radial-gradient(ellipse at 78% 12%,#151b3c 0,transparent 34%),#080b16}.top{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;border-bottom:1px solid #ffffff14;background:#090c18d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 21px Space Grotesk}.brandicon{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#7c5cff,#23c8d8);display:grid;place-items:center}.brand small{display:block;font:600 8px DM Sans;letter-spacing:3px;color:#8e9ab8;margin-top:-2px}.accent{color:#9b86ff}.top nav{display:flex;gap:34px}.top nav a,footer>a:last-child{color:#b7bfd4;text-decoration:none;font-size:14px}.actions{display:flex;align-items:center;gap:12px}.user{display:flex;align-items:center;gap:7px;color:#bfc7dc;font-size:12px}.primary,.outline,.ghost,.iconbtn{border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;cursor:pointer;font:600 14px DM Sans;padding:13px 19px}.primary{background:linear-gradient(110deg,#7557f7,#4b8cff);color:#fff;box-shadow:0 8px 30px #6654ff35}.primary:hover{filter:brightness(1.12)}.primary:disabled{opacity:.6}.primary.small,.outline.small{padding:9px 13px;font-size:12px}.outline{background:#ffffff09;color:#e8eaff;border:1px solid #ffffff27}.ghost{color:#dce1f4;border:1px solid #ffffff24;background:#ffffff08}.iconbtn{padding:10px;background:transparent;color:#c8cde0}.hero{max-width:1180px;margin:auto;min-height:590px;padding:88px 30px 65px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.hero-content{max-width:570px}.eyebrow{display:flex;align-items:center;gap:8px;color:#a997ff;font-size:11px;font-weight:700;letter-spacing:2.2px}.hero h1{font:700 clamp(46px,6vw,72px)/1.05 "Space Grotesk";letter-spacing:-3px;margin:22px 0}.hero h1 span{background:linear-gradient(90deg,#9c80ff,#4ed7e6);color:transparent;-webkit-background-clip:text;background-clip:text}.hero p,.sectionhead p,.how p{color:#9ba5bf;line-height:1.7}.hero p{font-size:17px;max-width:490px}.hero-buttons{display:flex;gap:14px;margin-top:30px}.hero-note{margin-top:38px;color:#818ba6;font-size:12px;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:#55dfae;box-shadow:0 0 12px #55dfae}.hero-art{height:390px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #8b83ff24;border-radius:50%;transform:rotate(-24deg)}.orbit1{width:420px;height:270px}.orbit2{width:330px;height:390px;transform:rotate(42deg)}.poster{width:230px;height:310px;border:1px solid #a9a1ff55;border-radius:22px;background:linear-gradient(145deg,#26205a,#101b38 58%,#123d53);box-shadow:0 30px 90px #0009,inset 0 0 45px #8b70ff24;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;position:relative;overflow:hidden;transform:rotate(5deg);color:#dcd8ff}.poster-glow{position:absolute;width:240px;height:240px;background:#8c58ff66;filter:blur(65px);top:10px}.poster svg,.poster span,.poster small{position:relative}.poster span{font:700 37px/.9 Space Grotesk;letter-spacing:4px;text-align:center}.poster small{letter-spacing:5px;font-size:9px;color:#8eddea}.floating{position:absolute;padding:10px 15px;border:1px solid #ffffff28;background:#171d35dd;border-radius:30px;font-size:10px;letter-spacing:2px;color:#d9d7ff;box-shadow:0 10px 30px #0005}.f1{top:45px;left:7%}.f2{right:2%;top:130px}.f3{bottom:45px;left:14%}.catalog,.how{max-width:1180px;margin:auto;padding:70px 30px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.sectionhead h2,.how h2{font:600 36px Space Grotesk;margin:10px 0}.search{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:10px;padding:0 13px;color:#8f9ab7}.search input{background:transparent;border:0;outline:0;color:#fff;padding:13px 0;width:190px}.notice{padding:13px 16px;border:1px solid #7c6dff45;background:#7663ff12;border-radius:10px;color:#c5c3ff;font-size:13px;margin:18px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.storycard{border:1px solid #ffffff18;background:#101525;border-radius:16px;overflow:hidden;cursor:pointer;transition:.2s}.storycard:hover{transform:translateY(-5px);border-color:#8e7cff77}.cover{height:220px;position:relative;overflow:hidden;display:flex;align-items:end;padding:23px;background:linear-gradient(145deg,#38275d,#182a4c 55%,#174b5b)}.c1 .cover{background:linear-gradient(145deg,#17455d,#24234f 58%,#492b68)}.c2 .cover{background:linear-gradient(145deg,#633b45,#342449 58%,#172c48)}.cover:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff25;border-radius:50%;right:-45px;top:-95px;box-shadow:0 0 0 25px #ffffff08,0 0 0 55px #ffffff06}.cover-shape{position:absolute;width:170px;height:170px;border-radius:50%;background:#a88aff38;filter:blur(40px);top:10px;left:20%}.cover-cat{position:absolute;top:17px;left:18px;border:1px solid #ffffff3b;background:#080b1666;border-radius:20px;padding:6px 10px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.cover-title{position:relative;font:700 29px/1.05 Space Grotesk;max-width:230px;text-shadow:0 3px 15px #0008;z-index:1}.playround{position:absolute;right:20px;bottom:20px;width:43px;height:43px;border:0;border-radius:50%;background:#fff;color:#17152b;display:grid;place-items:center;z-index:2}.cardbody{padding:18px 20px 20px}.cardbody h3{margin:0 0 7px;font:600 18px Space Grotesk}.cardbody p{font-size:13px;line-height:1.55;color:#98a3bc;min-height:40px}.link{font-size:12px;color:#a996ff;font-weight:700}.empty{text-align:center;color:#9ba5bf;padding:45px}.how{text-align:center;border-top:1px solid #ffffff13}.how>.eyebrow{justify-content:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;text-align:left}.steps>div{padding:27px;border:1px solid #ffffff18;background:#ffffff05;border-radius:15px;position:relative}.steps span{position:absolute;right:22px;top:20px;color:#7b6cff;font:700 13px Space Grotesk}.steps svg{color:#a795ff;width:26px;height:26px}.steps h3{font:600 18px Space Grotesk}.steps p{font-size:13px}footer{border-top:1px solid #ffffff16;padding:28px 6.5%;display:flex;align-items:center;justify-content:space-between;color:#7f8aa5;font-size:11px}.modalback{position:fixed;top:0;right:0;bottom:0;left:0;background:#03050bdc;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:10;display:grid;place-items:center;padding:18px}.modal{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;background:#11182a;border:1px solid #ffffff24;border-radius:18px;padding:34px;box-shadow:0 25px 100px #000b}.modal h2{font:700 30px Space Grotesk;margin:12px 0}.modal>p{color:#9ba5bf;line-height:1.6}.close{position:absolute;right:17px;top:17px;border:0;background:transparent;color:#aeb8d1;cursor:pointer}.epheading{margin-top:28px}.episode{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #ffffff17}.episode>div{display:flex;flex-direction:column;gap:4px}.episode b{font-size:10px;color:#9c8bff;letter-spacing:1px}.episode span{font-size:13px}.auth label{display:flex;flex-direction:column;gap:8px;color:#c9d0e3;font-size:12px;margin:17px 0}.auth input,.auth textarea,.auth select{width:100%;background:#080e1d;border:1px solid #ffffff25;border-radius:9px;padding:13px;color:#fff;outline:none;font:14px DM Sans}.auth textarea{min-height:90px}.full{width:100%;margin-top:8px}.switch{display:block;margin:16px auto 0;background:none;border:0;color:#a997ff;cursor:pointer}.feedback{color:#8fe0c1!important;font-size:12px}.epheading{font:600 18px Space Grotesk}@media(max-width:800px){.top{padding:0 18px}.top nav{display:none}.user{display:none}.hero{grid-template-columns:1fr;padding:65px 24px 25px}.hero-art{height:330px}.poster{width:190px;height:260px}.catalog,.how{padding:55px 22px}.cards,.steps{grid-template-columns:1fr}.sectionhead{align-items:start;gap:18px;flex-direction:column}.search,.search input{width:100%}footer{gap:18px;flex-wrap:wrap}.hero h1{letter-spacing:-2px}.floating{font-size:9px}}