@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--bg:#0c0713;--panel:#171020;--panel2:#21152f;--purple:#9b5de5;--purple2:#c084fc;--white:#f8f4ff;--muted:#a99eb7;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;overflow-x:hidden}.ambient{position:absolute;pointer-events:none;filter:blur(90px);opacity:.2;border-radius:50%;z-index:-1}.ambient-one{width:420px;height:420px;background:#7927b5;top:60px;right:5%}.ambient-two{width:300px;height:300px;background:#3c2d9d;top:780px;left:-120px}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid var(--line);background:rgba(12,7,19,.82);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:700;letter-spacing:.18em;font-size:19px}.brand-mark{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#d6a6ff,#7435b8);color:#160b22;font-family:Georgia,serif;font-size:22px;box-shadow:0 4px 24px #9b5de544}.topbar nav{display:flex;gap:34px}.topbar nav a{color:#bcb1c8;text-decoration:none;font-size:13px}.topbar nav a:hover,.topbar nav a.active{color:white}.top-actions{display:flex;align-items:center;gap:16px}.icon-btn{background:none;border:0;color:white;font-size:27px;cursor:pointer}.signin{background:#fff;color:#1a1024;border:0;border-radius:9px;padding:11px 19px;font-weight:700;cursor:pointer}
.hero{min-height:570px;padding:88px 10% 74px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.eyebrow{color:var(--purple2);font-size:10px;font-weight:700;letter-spacing:.2em}.live-dot{display:inline-block;width:7px;height:7px;background:#c084fc;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #c084fc}.hero h1{font-size:clamp(44px,5.5vw,72px);line-height:1.05;letter-spacing:-.055em;margin:22px 0}.hero h1 em,h2 em{font-family:'Playfair Display',serif;color:var(--purple2);font-weight:600}.hero-copy>p{max-width:450px;color:var(--muted);line-height:1.8;font-size:15px}.hero-buttons{display:flex;gap:13px;margin-top:30px}.btn{border:0;border-radius:9px;padding:14px 20px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:700;font-size:13px;cursor:pointer}.primary{background:linear-gradient(110deg,#c084fc,#8b45ce);color:#1b0d29;box-shadow:0 8px 28px #8b45ce33}.ghost{border:1px solid #655176;color:white;background:#ffffff08}.hero-meta{display:flex;gap:22px;margin-top:35px;color:#95899f;font-size:10px}.hero-art{height:390px;position:relative;display:grid;place-items:center}.poster-stack{position:relative;width:330px;height:350px;transform:rotate(-4deg)}.poster{position:absolute;border:1px solid #ffffff33;box-shadow:0 30px 60px #0008;display:flex;flex-direction:column;justify-content:space-between;padding:24px;overflow:hidden}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08030d 0%,transparent 70%);pointer-events:none}.poster span,.poster b,.poster small{position:relative;z-index:1}.poster span{font-size:9px;letter-spacing:.2em}.poster b{font-family:'Playfair Display',serif;font-size:35px;line-height:1.05}.poster-back{width:230px;height:290px;right:-10px;top:0;transform:rotate(12deg);background:radial-gradient(circle at 65% 35%,#e7b26a,#50304f 40%,#151024 75%)}.poster-front{width:245px;height:330px;left:0;bottom:0;background:radial-gradient(circle at 40% 25%,#b77a92,#402b5a 42%,#100b1b 80%)}.poster-front b{font-size:37px}.poster small{font-size:8px;letter-spacing:.2em}.floating-tag{position:absolute;bottom:10px;right:0;background:#21172e;border:1px solid var(--line);border-radius:13px;padding:13px 17px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 40px #0008}.floating-tag .play{width:32px;height:32px;display:grid;place-items:center;background:#b77bea;color:#1a0d25;border-radius:50%;font-size:11px}.floating-tag b,.floating-tag small{display:block}.floating-tag b{font-size:11px}.floating-tag small{font-size:9px;color:var(--muted);margin-top:4px}
.benefits{margin:0 7%;padding:24px 5%;display:grid;grid-template-columns:repeat(3,1fr);background:#171020;border:1px solid var(--line);border-radius:16px}.benefits>div{display:grid;grid-template-columns:42px 1fr;align-items:center}.benefit-icon{grid-row:span 2;color:var(--purple2);font-size:22px}.benefits b{font-size:12px}.benefits small{font-size:10px;color:var(--muted);margin-top:4px}
.section{padding:90px 10%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2{font-size:37px;letter-spacing:-.04em;margin:10px 0 0}.filters{display:flex;gap:7px}.filter{border:1px solid var(--line);border-radius:20px;background:transparent;color:#bcb1c8;padding:8px 15px;font-size:11px;cursor:pointer}.filter.active{background:#9b5de5;color:#160b22;border-color:#9b5de5;font-weight:700}.search-row{margin-bottom:22px;display:none}.search-row.visible{display:block}.search-row input{width:100%;padding:13px 16px;border-radius:9px;background:#171020;border:1px solid var(--line);color:white;outline:none}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.title-card{min-width:0}.cover{height:265px;border-radius:12px;position:relative;overflow:hidden;padding:17px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 30px #0005;transition:transform .25s}.title-card:hover .cover{transform:translateY(-5px)}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09040f 0%,transparent 80%)}.cover>*{position:relative;z-index:1}.cover-label,.cover-foot{font-size:8px;letter-spacing:.18em}.cover-title{font-family:'Playfair Display',serif;font-size:30px;line-height:1.05}.cover-one{background:radial-gradient(circle at 65% 30%,#dc9d60,#713d4e 35%,#171125 78%)}.cover-two{background:radial-gradient(circle at 50% 25%,#c9a66b,#574052 43%,#171020 85%)}.cover-three{background:radial-gradient(circle at 60% 25%,#e3ad72,#8e4e4e 40%,#25162d 82%)}.cover-four{background:radial-gradient(circle at 50% 25%,#7e91aa,#34405a 40%,#100d1c 82%)}.card-info{display:flex;justify-content:space-between;align-items:center;padding:12px 2px}.card-info b,.card-info small{display:block}.card-info b{font-size:12px}.card-info small{color:var(--muted);font-size:10px;margin-top:5px}.tag{font-size:9px;color:#d9b8f8;background:#9b5de522;border:1px solid #9b5de544;padding:5px 8px;border-radius:20px}.catalogue-note,.empty-state{font-size:11px;color:#8f8499;margin-top:22px}
.premium{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;background:linear-gradient(110deg,#1c1228,#100b18);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.premium-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:#923edb;filter:blur(140px);opacity:.18;left:15%;top:0}.premium-copy,.price-card{position:relative}.premium-copy p{color:var(--muted);font-size:13px;line-height:1.8;max-width:430px}.premium-copy ul{list-style:none;padding:0;margin-top:25px}.premium-copy li{font-size:12px;color:#d9d0e1;margin:13px 0}.premium-copy li:before{content:"✓";color:var(--purple2);margin-right:12px}.price-card{background:linear-gradient(145deg,#2b1b3c,#171020);border:1px solid #9b5de566;border-radius:17px;padding:29px;box-shadow:0 20px 50px #0005}.crown{font-size:28px;color:#d7a4ff}.plan-label{font-size:9px;letter-spacing:.22em;color:#d6b2f7;font-weight:700}.price{font-size:37px;font-weight:700;margin:16px 0 3px}.price span{font-size:12px;color:var(--muted);font-weight:400}.price-card p,.price-card small{font-size:10px;color:var(--muted);line-height:1.6}.full{width:100%;margin:17px 0 8px}
.admin{display:flex;justify-content:space-between;align-items:center;gap:40px}.admin>div:first-child{max-width:470px}.admin p{color:var(--muted);font-size:12px;line-height:1.8}.admin-box{display:flex;align-items:center;gap:14px;padding:18px;background:#171020;border:1px solid var(--line);border-radius:12px;min-width:350px}.admin-icon{width:40px;height:40px;border-radius:10px;background:#9b5de522;color:#d3a4fa;display:grid;place-items:center;font-size:20px}.admin-box b,.admin-box small{display:block}.admin-box b{font-size:11px}.admin-box small{font-size:9px;color:var(--muted);margin-top:4px}.admin-box .tag{margin-left:auto}
footer{border-top:1px solid var(--line);padding:25px 7%;display:flex;align-items:center;justify-content:space-between;color:#8f8499;font-size:10px}footer .brand{font-size:14px}footer .brand-mark{width:25px;height:25px;font-size:17px}
dialog{border:1px solid #6c4c82;border-radius:15px;background:#1b1226;color:white;padding:0;width:min(420px,90vw);box-shadow:0 25px 90px #000b}dialog::backdrop{background:#05020bbd;backdrop-filter:blur(5px)}.dialog-card{padding:30px;position:relative}.dialog-card h2{margin:12px 0}.dialog-note{color:var(--muted);font-size:12px;line-height:1.7}.dialog-card label{display:block;font-size:11px;margin-top:20px}.dialog-card input{display:block;width:100%;margin-top:8px;padding:12px;border-radius:8px;border:1px solid var(--line);background:#100b18;color:white}.close{position:absolute;right:18px;top:12px;background:none;border:0;color:white;font-size:25px;cursor:pointer}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:#2c1c3b;border:1px solid #9b5de5;border-radius:10px;padding:12px 18px;font-size:11px;transition:.25s;z-index:20;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.topbar{padding:0 5%}.topbar nav{gap:15px}.hero{padding:65px 7%;grid-template-columns:1fr}.hero-art{height:340px}.benefits{margin:0 5%;padding:20px 4%}.section{padding:70px 7%}.cards{grid-template-columns:repeat(2,1fr)}.cover{height:240px}.premium{gap:30px}.admin{align-items:flex-start;flex-direction:column}.admin-box{min-width:0;width:100%}}
@media(max-width:560px){.topbar{height:68px}.topbar nav{display:none}.hero{padding-top:55px}.hero-meta{flex-direction:column;gap:8px}.hero-art{transform:scale(.9);margin:-10px -20px}.benefits{grid-template-columns:1fr;gap:18px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.cards{gap:12px}.cover{height:210px;padding:12px}.cover-title{font-size:24px}.card-info{align-items:flex-start;gap:6px}.premium{grid-template-columns:1fr}.price-card{max-width:420px}.section h2{font-size:31px}footer{gap:14px;flex-wrap:wrap}footer>span{order:3;width:100%}}