:root{--red:#8e1721;--red2:#b52a32;--gold:#d7ad58;--ink:#17202a;--muted:#68717d;--paper:#fffdfa;--wash:#f4f0e9;--line:#e4ded4;--green:#17765a;--blue:#245ba7;--shadow:0 22px 65px rgba(70,42,27,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(90deg,#eee9e1 0,#f8f5ef 8%,#f8f5ef 92%,#eee9e1 100%);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.72}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,253,250,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(142,23,33,.15)}.topbar-inner{max-width:1180px;margin:auto;display:flex;align-items:center;gap:24px;padding:10px 24px}.brand{font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--red);white-space:nowrap}.topbar nav{display:flex;gap:18px;overflow:auto;margin-left:auto}.topbar a{color:#4a4f56;text-decoration:none;font-size:13px;white-space:nowrap}.topbar a:hover{color:var(--red)}
.hero{background:radial-gradient(circle at 85% 15%,rgba(215,173,88,.24),transparent 34%),linear-gradient(145deg,#701019,#a51c28 58%,#651019);color:white;padding:76px 24px 68px;position:relative;overflow:hidden}.hero:after{content:"57";position:absolute;right:-10px;bottom:-95px;font:900 330px/1 Georgia,serif;color:rgba(255,255,255,.045)}.hero-inner{max-width:1120px;margin:auto;position:relative;z-index:1}.eyebrow{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#f4dca7;font-weight:700}.hero h1{max-width:900px;margin:18px 0 22px;font:700 clamp(36px,6vw,72px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.025em}.hero p{max-width:780px;font-size:19px;color:#f3e8e4;margin:0}.period{display:inline-flex;align-items:center;gap:10px;margin-top:30px;padding:9px 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:14px;background:rgba(255,255,255,.08)}
.dashboard{max-width:1180px;margin:-28px auto 48px;padding:0 24px;position:relative;z-index:3}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:var(--shadow)}.kpi .value{font:700 35px/1 Georgia,serif;color:var(--red)}.kpi .label{font-size:13px;color:var(--muted);margin-top:7px}.kpi .delta{margin-top:11px;font-size:12px;font-weight:700;color:var(--green)}
.progress-panel{margin-top:15px;background:#211d1b;color:white;border-radius:18px;padding:25px;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;box-shadow:var(--shadow)}.progress-panel h2{margin:0 0 7px;font:700 25px Georgia,serif}.progress-panel p{margin:0;color:#c8c2bd;font-size:14px}.rings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ring{text-align:center}.donut{--p:50;--c:var(--gold);width:88px;aspect-ratio:1;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p)*1%),#403a36 0);position:relative}.donut:after{content:"";position:absolute;width:66px;aspect-ratio:1;border-radius:50%;background:#211d1b}.donut b{position:relative;z-index:1;font-size:15px}.ring small{display:block;margin-top:8px;color:#bdb5af;line-height:1.3}
main{max-width:980px;margin:0 auto;background:var(--paper);padding:58px clamp(22px,7vw,86px) 80px;box-shadow:var(--shadow);border-radius:20px 20px 0 0}.document-label{display:flex;align-items:center;gap:14px;color:var(--red);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:34px}.document-label:after{content:"";height:1px;background:var(--line);flex:1}main>h1:first-of-type{text-align:center;font:700 clamp(27px,4vw,42px)/1.22 Georgia,serif;color:var(--red);margin:0 auto 14px;max-width:780px}main>h1:first-of-type+p{text-align:center;color:var(--muted);font-weight:600;margin:0 auto 45px;max-width:760px}
h1{font:700 34px/1.25 Georgia,serif;color:var(--red);margin:70px 0 24px;padding-top:10px}h2{font:700 25px/1.35 Georgia,serif;color:#2b2522;margin:46px 0 18px}h3{font-size:19px;color:var(--red);margin:35px 0 12px}p{margin:0 0 17px;text-align:justify}strong{color:#2e2422}blockquote{border-left:4px solid var(--gold);margin:25px 0;padding:20px 24px;background:#faf5e9;color:#443b34;font:italic 18px/1.65 Georgia,serif}ul,ol{padding-left:24px}li{margin:9px 0}hr{border:0;border-top:1px solid var(--line);margin:45px 0}table{width:100%;border-collapse:collapse;margin:24px 0}td,th{border:1px solid var(--line);padding:10px;text-align:left}
.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.highlight{padding:18px;border-radius:13px;background:var(--wash);border-left:3px solid var(--gold)}.highlight b{display:block;color:var(--red);font-size:21px}.highlight span{font-size:13px;color:var(--muted)}
.toc{border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin:30px 0 50px;background:#fffcf7}.toc strong{display:block;margin-bottom:8px;color:var(--red)}.toc a{display:block;text-decoration:none;color:#4a4845;padding:5px 0}.toc a:hover{color:var(--red)}
.backtop{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border:0;border-radius:50%;background:var(--red);color:white;box-shadow:0 8px 24px rgba(142,23,33,.3);cursor:pointer;opacity:0;transform:translateY(10px);transition:.2s}.backtop.show{opacity:1;transform:none}.footer{max-width:980px;margin:0 auto 50px;background:#201d1b;color:#bbb3ad;padding:25px 40px;font-size:13px;display:flex;justify-content:space-between;gap:20px;border-radius:0 0 20px 20px}.footer b{color:white}
@media(max-width:780px){.topbar nav{display:none}.hero{padding-top:52px}.kpis{grid-template-columns:repeat(2,1fr)}.progress-panel{grid-template-columns:1fr}.rings{margin-top:10px}main{border-radius:0;padding-top:40px}.highlight-grid{grid-template-columns:1fr}.footer{margin-bottom:0;border-radius:0;display:block}.footer span{display:block;margin-top:6px}}
@media(max-width:440px){.kpis{grid-template-columns:1fr 1fr}.kpi{padding:15px}.kpi .value{font-size:29px}.dashboard{padding:0 12px}.rings{gap:5px}.donut{width:76px}.donut:after{width:57px}.hero h1{font-size:38px}}
@media print{.topbar,.backtop{display:none}.hero{background:#8e1721!important}.dashboard{margin-top:20px}.kpi,main{box-shadow:none}body{background:white}main{max-width:none}.footer{max-width:none;margin:0}}
