:root{--bg:#04050a;--fg:#f5f4f1;--mut:#8d8d93;--mut2:#bcbcc2;--line:rgba(255,255,255,.14);--neon:linear-gradient(90deg,#fff3b0,#ffb347 45%,#ff8a2a);--disp:"Archivo Black",Impact,"Arial Black",sans-serif;--sans:Inter,system-ui,"Segoe UI",sans-serif;--mono:"Space Mono",ui-monospace,Consolas,monospace;--pad:clamp(20px,4vw,56px)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit}
::selection{background:#ffb347;color:#04050a}
:focus-visible{outline:2px solid #ffb347;outline-offset:3px}
.bar{border-bottom:1px solid var(--line);padding:0 var(--pad)}
.bar div{max-width:900px;margin:0 auto;height:76px;display:flex;align-items:center;justify-content:space-between}
.logo{display:block;line-height:0;text-decoration:none}.logo img{height:34px;width:auto}
.back{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut2);text-decoration:none;position:relative;padding:6px 0}
.back::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--neon);transform:scaleX(.3);transform-origin:left;transition:transform .4s}
.back:hover{color:#fff}.back:hover::after{transform:scaleX(1)}
main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:clamp(50px,8vw,100px) var(--pad)}
.lbl{font-family:var(--mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--mut);display:flex;align-items:center;gap:14px}
.lbl::before{content:"";width:40px;height:2px;background:var(--neon)}
h1{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:clamp(36px,7vw,84px);line-height:1;margin:18px 0 40px}
h2{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:24px;line-height:1.15;margin:44px 0 10px}
p,li{color:var(--mut2);font-size:16px;margin-bottom:14px}
ul{padding-left:22px}
b,strong{color:#fff;font-weight:500}
.card{border:1px solid var(--line);padding:22px 26px;margin:8px 0 18px;background:rgba(255,255,255,.03)}
.card p{margin:0}
.todo{color:#ffb347}
.note{border-left:2px solid #ff8a2a;padding:4px 0 4px 18px;margin:30px 0;color:var(--mut2);font-size:14px}
footer{border-top:1px solid var(--line);padding:26px var(--pad);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
footer div{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 28px}
footer a{text-decoration:none}footer a:hover{color:#fff}

.flinks{display:flex;gap:24px}