:root{--bg:#100e12;--bg2:#19151a;--surface:#201b21;--line:#372b34;--muted:#aaa0a6;--cream:#fff6ee;--red:#ff5139;--orange:#ff9e48;--pink:#ff837a;--shell:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--cream);font:400 15px/1.6 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.055;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 180 180" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".8" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".22"/%3E%3C/svg%3E')}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffb657;outline-offset:3px}img{display:block;max-width:100%}.shell{width:min(var(--shell),calc(100% - 52px));margin-inline:auto}.announcement{height:32px;background:linear-gradient(90deg,#641d24,#9c2728 48%,#642329);color:#ffddd1;display:flex;align-items:center;justify-content:center;gap:13px;font-size:10px;letter-spacing:.115em;text-transform:uppercase;font-weight:800}.sparkle{color:#ffc698}.header{position:sticky;top:0;z-index:50;background:rgba(16,14,18,.91);backdrop-filter:blur(20px);border-bottom:1px solid #ffffff14}.header-inner{height:75px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand img{border-radius:50%;box-shadow:0 0 25px #ef4b2822}.brand span{font:800 13px/.96 Manrope,sans-serif;letter-spacing:.03em}.brand i{font-style:normal;font-weight:500;font-size:10px}.brand strong{display:block;font-size:17px;letter-spacing:.045em;background:linear-gradient(110deg,#ffb364,#ff593d);background-clip:text;-webkit-text-fill-color:transparent}.nav{display:flex;gap:34px;color:#d5cacf;font-weight:600;font-size:12px}.nav a:hover,.footer a:hover{color:#ffae82}.header-cta{border:1px solid #6f4645;border-radius:99px;padding:11px 18px;font-size:12px;font-weight:700;white-space:nowrap;background:#351e24}.header-cta span{margin-left:12px;color:#ffb07d}.header-cta:hover{border-color:#ff7b5a;background:#48272d}.hero{height:min(680px,calc(100svh - 95px));min-height:530px;position:relative;overflow:hidden;background:#160e13}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#100d12 0%,#100d12 13%,rgba(16,13,18,.90) 35%,rgba(16,13,18,.55) 64%,rgba(16,13,18,.2) 100%),linear-gradient(0deg,#100e12 0%,transparent 32%,rgba(16,13,18,.25) 100%),url('assets/universo.webp') center/cover no-repeat;filter:saturate(.88)}.hero::after{position:absolute;content:"";right:-20%;top:0;width:58%;height:100%;background:radial-gradient(ellipse,#e652391e,transparent 69%);pointer-events:none}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding:60px 0}.eyebrow,.overline{font:800 11px/1.4 Manrope,sans-serif;letter-spacing:.18em;color:#ff9e79}.eyebrow{display:flex;align-items:center;gap:12px;border:1px solid #704343;background:#2b1b23a8;border-radius:99px;padding:10px 15px;margin-bottom:30px}.red-dot,.pulse{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--red);box-shadow:0 0 15px var(--red)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{max-width:930px;font-size:clamp(45px,5.4vw,80px);line-height:1.095;letter-spacing:-.065em;margin:0 0 23px;font-weight:800}h1 em{font-style:normal;color:#f9d5c2}h1 span,h2 span{background:linear-gradient(125deg,#ffae61,#ff5038);background-clip:text;-webkit-text-fill-color:transparent} .hero-content>p{max-width:510px;color:#d0c1c2;font-size:16px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:8px;padding:15px 21px;font-weight:800;font-size:13px;min-height:52px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,#ff6a3e,#e83c3c);box-shadow:0 12px 25px #ef3c3030;color:#1e0e13}.btn-primary:hover{background:linear-gradient(110deg,#ff9558,#f14b40)}.btn-text{color:#fff3e9;padding-inline:13px}.btn-text span{color:#f89d76}.hero-meta{display:flex;align-items:center;gap:18px;margin-top:65px;color:#c3b5b9;font-size:12px}.hero-meta>span:first-child{display:flex;gap:10px;align-items:center}.hero-line{height:17px;width:1px;background:#8c6460}.hero-bottom{position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#e34b3b 40%,#f7a06d 70%,transparent)}.section{padding-block:95px 82px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.section-heading .overline{margin:0 0 13px}.section-heading h2,.how h2,.endcta h2{font-size:clamp(32px,3.1vw,46px);letter-spacing:-.055em;line-height:1.16;margin:0 0 12px}.section-heading p:not(.overline){margin:0;color:var(--muted)}.count-label{border:1px solid var(--line);border-radius:99px;padding:7px 14px;color:#bfafb6;font-size:12px;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:20px;margin-bottom:29px}.search{display:flex;align-items:center;gap:10px;border:1px solid #4e383f;background:#201820;border-radius:9px;padding:0 15px;min-width:275px;height:47px;flex:0 1 320px}.search svg{width:18px;height:18px;fill:none;stroke:#b7a4a7;stroke-width:1.7}.search input{outline:0;border:0;width:100%;background:transparent;color:white;font-size:13px}.search:focus-within{border-color:var(--pink)}.search input::placeholder{color:#a7989d}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border-radius:99px;border:1px solid #43333a;background:transparent;color:#bdb1b5;padding:9px 14px;font-size:12px;font-weight:700}.filter.active,.filter:hover{background:#f2694f;color:#220f15;border-color:transparent}.catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.story{border-radius:13px;overflow:hidden;border:1px solid #3b2b35;background:linear-gradient(170deg,#211a21,#161418);transition:transform .2s,border-color .2s;position:relative}.story:hover{transform:translateY(-4px);border-color:#9b554a}.story-cover{height:330px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 40% 20%,#61304a,#261a2a 60%,#171317)}.story-cover img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.story-cover:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#171317 0%,transparent 70%)}.story.newest .story-cover{background:#301a20}.story-tag{position:absolute;z-index:2;left:13px;top:13px;border-radius:5px;font-weight:800;font-size:10px;padding:6px 9px;background:#e76a52;color:#240d11}.story-tag.pending{background:#302631;border:1px solid #6c4f5c;color:#efc1a6}.story-cover .placeholder{position:absolute;z-index:1;display:flex;inset:0;align-items:center;justify-content:center;text-align:center;color:#d4a7a0;font:800 80px Manrope,sans-serif;opacity:.38}.story[data-tone="1"] .story-cover{background:radial-gradient(circle at 50% 20%,#8b3947,#3b2338 58%,#21141c)}.story[data-tone="2"] .story-cover{background:radial-gradient(circle at 70% 30%,#6b5366,#2f2a47 57%,#171522)}.story[data-tone="3"] .story-cover{background:radial-gradient(circle at 30% 30%,#7d4e34,#38202c 57%,#171419)}.story-body{padding:17px 16px 19px;display:flex;flex-direction:column;min-height:220px}.story-genre{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ed967b;margin:0 0 9px}.story h3{font-size:17px;line-height:1.35;letter-spacing:-.04em;min-height:46px;margin:0 0 10px}.story-desc{font-size:12px;line-height:1.6;color:#afa1a7;margin-bottom:16px}.story-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;margin-bottom:13px}.story-facts span{font-size:10px;background:#30232a;color:#dbbbc0;padding:3px 8px;border-radius:99px}.story-button{display:flex;justify-content:space-between;align-items:center;background:#fa694f;border-radius:6px;padding:10px 12px;color:#210c11;font-size:12px;font-weight:800;text-align:left;min-height:42px}.story-button:hover{background:#ffa16b}.story-button.disabled{background:#362a32;color:#a994a2;cursor:default}.catalog-note{font-size:12px;color:#9e8c96;margin-top:22px}.catalog-note span{color:#ff946f}.empty{border:1px dashed #55404c;border-radius:12px;background:#211922;padding:36px;text-align:center;color:#bfabb5;grid-column:1/-1}.genre-section{background:linear-gradient(180deg,#1a1319,#191419);border-block:1px solid #34242b;padding:75px 0}.section-heading.tighter{margin-bottom:29px}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mood{height:177px;position:relative;border:1px solid #7b4e4c66;border-radius:12px;padding:22px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;color:#fff;background:#3a242d;transition:transform .18s}.mood:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,#fff3,transparent 40%);opacity:.8;pointer-events:none}.mood:hover{transform:translateY(-4px)}.mood-romance{background:linear-gradient(130deg,#793747,#351b31)}.mood-vinganca{background:linear-gradient(130deg,#933c27,#3d1e25)}.mood-suspense{background:linear-gradient(130deg,#403c60,#1d233b)}.mood-fantasia{background:linear-gradient(130deg,#68524c,#24202c)}.mood-icon{position:absolute;top:12px;left:22px;color:#ffbca0;font-size:46px;font-weight:500;line-height:1}.mood strong{font:800 20px Manrope,sans-serif;letter-spacing:-.04em}.mood small{font-size:11px;opacity:.85}.mood b{position:absolute;right:22px;bottom:22px;font-size:19px}.how{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-block:110px;align-items:center}.how-image{height:490px;overflow:hidden;border-radius:16px;position:relative;border:1px solid #61413b}.how-image img{height:100%;width:100%;object-fit:cover;object-position:40% center}.how-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 100px #1b0a19ad}.how-content h2{margin:14px 0 32px}.step{display:flex;gap:22px;margin-top:22px;padding-top:22px;border-top:1px solid #4b343d}.step b{color:#f99270;font:800 16px Manrope,sans-serif}.step h3{font-size:15px;margin:0 0 4px}.step p{margin:0;color:#b6a8ad;font-size:13px}.endcta{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(95deg,#402028,#2c1b24 80%);border:1px solid #8d493d;border-radius:15px;padding:42px 48px;margin-bottom:95px}.endcta-glow{position:absolute;width:300px;height:280px;right:0;top:-140px;background:#fa6d4d44;filter:blur(80px);pointer-events:none}.endcta h2{font-size:clamp(25px,2.7vw,38px)}.endcta h2 em{font-style:normal;color:#ffb17e}.endcta p:not(.overline){color:#cbb5b7;margin:0}.endcta .btn{flex-shrink:0;z-index:1}.footer{background:#0c0a0d;border-top:1px solid #40323a;padding-top:50px}.footer-top{display:flex;justify-content:space-between;gap:60px;padding-bottom:50px}.footer-about{max-width:330px}.footer-about p{font-size:13px;color:#b4a5ae;margin:20px 0 0}.footer-links{display:flex;flex-direction:column;gap:11px;min-width:150px}.footer-links strong{font-size:13px;margin-bottom:7px}.footer-links a{font-size:12px;color:#ab9ca5}.footer-bottom{border-top:1px solid #342931;padding:23px 0;display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-bottom p{font-size:10px;color:#8f808b;margin:0;max-width:590px}.footer-bottom p:last-child{text-align:right}.skip{position:absolute;left:-10000px;top:auto}.skip:focus{left:10px;top:10px;z-index:500}
@media(max-width:1020px){.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.story-cover{height:350px}.hero h1{font-size:clamp(46px,6vw,72px)}.toolbar{align-items:flex-start;flex-wrap:wrap}.how{gap:35px}.genre-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:730px){.shell{width:min(100% - 34px,500px)}.announcement{font-size:9px;height:31px}.header-inner{height:64px}.brand span{font-size:11px}.brand strong{font-size:14px}.brand img{height:37px;width:37px}.nav{display:none}.header-cta{padding:8px 11px;font-size:10px}.header-cta span{margin-left:3px}.hero{height:auto;min-height:590px}.hero-image{background:linear-gradient(180deg,rgba(16,13,18,.45),rgba(16,13,18,.9) 50%,#100e12 100%),url('assets/universo.webp') center top/auto 65% no-repeat}.hero-content{padding-top:260px;padding-bottom:28px;justify-content:flex-end}.eyebrow{font-size:9px;margin-bottom:19px}.hero h1{font-size:clamp(39px,9.4vw,53px);letter-spacing:-.06em}.hero-content>p{font-size:13px}.hero-actions{flex-wrap:wrap;gap:6px}.btn{padding:12px 15px;min-height:46px;font-size:12px}.hero-meta{margin-top:30px;gap:10px;font-size:10px}.section{padding-block:65px 65px}.section-heading{display:block}.section-heading h2,.how h2{font-size:31px}.count-label{display:inline-flex;margin-top:18px}.toolbar{display:block}.search{width:100%;margin-bottom:13px;max-width:none;min-width:0}.filters{gap:7px}.filter{padding:7px 11px;font-size:11px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.story-cover{height:240px}.story-body{min-height:265px;padding:13px}.story h3{font-size:13px;min-height:54px}.story-desc{font-size:11px;line-height:1.48}.story-tag{font-size:9px;top:8px;left:8px}.story-facts{margin-bottom:11px}.story-button{font-size:10px;padding:8px 9px}.genre-section{padding:57px 0}.genre-grid{gap:11px}.mood{height:150px;padding:17px}.mood strong{font-size:17px}.mood small{font-size:10px}.mood-icon{font-size:38px;left:16px}.how{grid-template-columns:1fr;padding-block:65px;gap:36px}.how-image{height:240px}.how-content h2{font-size:30px}.endcta{padding:27px 22px;display:block;margin-bottom:62px}.endcta .btn{margin-top:22px}.footer-top{flex-wrap:wrap;gap:38px}.footer-about{width:100%;max-width:none}.footer-bottom{display:block}.footer-bottom p:last-child{text-align:left;margin-top:14px}}
@media(max-width:375px){.catalog{grid-template-columns:1fr 1fr}.story-cover{height:205px}.story h3{font-size:12px}.hero h1{font-size:37px}.hero-meta{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
