@import "https://fonts.googleapis.com/css2?family=Pompiere&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08080c;--card:#ffffff0e;--line:#ffffff1c;--text:#f8f7fb;--muted:#aaa6b5;--accent:#c7a7ff}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 50% -20%,#28203b 0,#0b0a10 36%,#07070a 70%);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%}.container{width:calc(100% - 64px);max-width:3000px;margin-left:auto;margin-right:auto}.nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#08080cc7;justify-content:space-between;align-items:center;height:74px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;font-size:25px;font-weight:800}.brand span{color:var(--accent)}.navlinks{color:var(--muted);align-items:center;gap:22px;font-size:14px;display:flex}.hero{text-align:center;padding:84px 0 50px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:750}h1{letter-spacing:-.065em;max-width:950px;margin:18px auto;font-size:clamp(48px,8vw,92px);line-height:.93}.lead{max-width:670px;color:var(--muted);margin:0 auto;font-size:18px;line-height:1.65}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.btn{border:1px solid var(--line);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:999px;padding:12px 18px;transition:background .2s,border-color .2s,transform .2s}.btn:hover{background:#ffffff1a;border-color:#fff3}.btn:active{transform:scale(.98)}.btn.primary{color:#0a0910;background:#fff;border-color:#fff;font-weight:700}.grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:38px 0 80px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 20px 70px #0000002e}.card h3{margin:8px 0;font-size:20px}.muted{color:var(--muted)}.page{padding:44px 0 80px}.page h2{letter-spacing:-.04em;margin:0 0 8px;font-size:40px}.searchbar{gap:10px;margin:28px 0;display:flex}.input,.select,.textarea{border:1px solid var(--line);color:#fff;background:#111117;border-radius:14px;outline:none;width:100%;padding:13px 14px;transition:border-color .2s,background .2s}.input:focus,.select:focus,.textarea:focus{background:#14141c;border-color:#c7a7ff8c}.results{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;display:grid}.poster{aspect-ratio:2/3;object-fit:cover;background:#181820;border-radius:16px;width:100%;display:block}.result-title{margin-top:9px;font-weight:700}.two-col{grid-template-columns:minmax(0,1fr) 430px;align-items:start;gap:32px;display:grid}.form-stack{gap:14px;display:grid}.label{color:var(--muted);gap:7px;font-size:13px;display:grid}.story-shell{aspect-ratio:9/16;border-radius:28px;width:100%;overflow:hidden;box-shadow:0 30px 90px #00000080}.story{transform-origin:0 0;color:#fff;background:radial-gradient(circle at 80% 5%,#9b70ff 0,#2e2149 18%,#0a0810 55%,#060609 100%);width:1080px;height:1920px;position:relative;overflow:hidden}.story:before{content:"";opacity:.22;background-image:radial-gradient(circle,#ffffffbf 1px,#0000 1.6px);background-size:72px 72px;position:absolute;inset:0}.story-content{flex-direction:column;padding:110px 88px;display:flex;position:absolute;inset:0}.story-kicker{text-transform:uppercase;letter-spacing:.28em;opacity:.78;font-size:24px}.story-title{letter-spacing:-.04em;max-width:900px;margin:32px 0 50px;font-family:Georgia,serif;font-size:86px;line-height:.96}.story-poster{object-fit:cover;border-radius:46px;width:100%;height:920px;box-shadow:0 38px 120px #00000073}.story-bottom{justify-content:space-between;align-items:end;gap:40px;margin-top:54px;display:flex}.story-rating{font-size:46px}.story-review{opacity:.9;text-align:right;flex:1;font-family:Georgia,serif;font-size:34px;line-height:1.35}@media (max-width:1920px){.container{width:calc(100% - 48px);max-width:none}.results{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:1200px){.container{width:calc(100% - 40px)}.results{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.two-col{grid-template-columns:minmax(0,1fr) 380px;gap:24px}}@media (max-width:900px){.container{width:calc(100% - 28px)}.grid{grid-template-columns:1fr}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.two-col{grid-template-columns:1fr}.navlinks{gap:10px;font-size:12px}.hero{padding:60px 0 40px}.page{padding:32px 0 60px}.page h2{font-size:34px}}@media (max-width:600px){.container{width:calc(100% - 20px)}.nav{height:64px}.brand{font-size:21px}.navlinks{gap:8px;font-size:11px}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{border-radius:18px;padding:18px}.searchbar{flex-direction:column}.story-shell{border-radius:20px}h1{font-size:clamp(42px,15vw,65px)}.lead{font-size:16px}}