@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Nova+Cut&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");:root{--ink:#f7f4ec;--mist:#d9d0bb;--accent:#ca4d2f;--panel-border:hsla(0,0%,100%,.25);--panel-bg:rgba(9,10,14,.68)}*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0;color:var(--ink)}body{font-family:Plus Jakarta Sans,sans-serif;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(202,77,47,.4),transparent 38%),radial-gradient(circle at 85% 85%,rgba(187,34,48,.35),transparent 42%),linear-gradient(120deg,rgba(6,7,10,.92),rgba(22,23,31,.82)),url(/background.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed}.landing{height:100dvh;min-height:100svh;display:grid;place-items:center;padding:clamp(14px,3vh,40px) clamp(14px,3vw,24px)}.panel{width:min(860px,calc(100vw - 28px));padding:clamp(20px,3.6vw,44px);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 24px 40px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.18);animation:rise .7s ease-out both}.status{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;color:#ffe8c9;background:linear-gradient(120deg,#a7361f,#ca4d2f);padding:7px 11px;border-radius:999px}h1{font-family:Cormorant Garamond,serif;margin:12px 0 10px;line-height:1;letter-spacing:.01em;font-size:clamp(1.95rem,4.8vw,3.9rem);color:#fff}h1 #autor{font-family:Nova Cut,sans-serif;display:inline-block;font-size:clamp(.95rem,1.8vw,1.2rem);color:#423;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease;transform:translateY(14px);animation:fade-up .65s ease-out forwards}h1 #autor :hover{color:#992f39}h2{margin:0;color:var(--mist);font-size:clamp(.98rem,1.7vw,1.18rem);line-height:1.45;max-width:58ch}.topics{margin-top:clamp(16px,2.8vh,26px);display:grid;grid-gap:10px;gap:10px}.topic-link{display:block;margin:0;padding:clamp(10px,1.8vh,13px) 14px;border-radius:14px;border:1px solid hsla(0,0%,100%,.12);background:linear-gradient(120deg,hsla(0,0%,100%,.09),hsla(0,0%,100%,.03));font-size:clamp(.97rem,1.4vw,1.06rem);transform:translateY(14px);opacity:0;animation:fade-up .65s ease-out forwards;text-decoration:none;color:var(--ink);transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.topic-link:hover{background:#6b2836;border-color:hsla(0,0%,100%,.25);transform:translateY(-1px)}.topic-link:focus-visible{outline:2px solid #ffe8c9;outline-offset:2px}.topics .topic-link:first-child{animation-delay:.1s}.topics .topic-link:nth-child(2){animation-delay:.15s}.topics .topic-link:nth-child(3){animation-delay:.2s}.topics .topic-link:nth-child(4){animation-delay:.25s}.topics .topic-link:nth-child(5){animation-delay:.3s}.topics .topic-link:nth-child(6){animation-delay:.35s}.topics .topic-link:nth-child(7){animation-delay:.4s}.landing-topic{min-height:100dvh;height:auto}.panel-topic{max-width:900px}.panel-topic .status{margin-left:10px}.back-link{display:inline-block;margin-bottom:16px;text-decoration:none;color:#ffe8c9;font-size:.95rem}.back-link:hover{color:#fff5e8;text-decoration:underline}.topic-story{margin-top:20px;display:grid;grid-gap:12px;gap:12px}.topic-story p{margin:0;color:var(--ink);line-height:1.6;font-size:clamp(.98rem,1.3vw,1.05rem)}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.landing{padding:18px}.panel{border-radius:18px;padding:24px 18px}.topics{margin-top:20px;gap:10px}.topic-link{padding:12px}}@media (max-height:860px){.panel{padding:clamp(16px,2.8vw,30px)}h1{font-size:clamp(1.75rem,4.2vw,3.1rem);margin:10px 0 8px}h2{font-size:clamp(.92rem,1.4vw,1.04rem);line-height:1.35}.topics{margin-top:14px;gap:8px}.topic-link{font-size:clamp(.92rem,1.2vw,1rem);padding:9px 12px}}