/* Legal and utility pages of mirkosistemas.com: same palette and type as the landing, built for reading */
:root{--dark:#07080D;--dark-2:#10121A;--electric-text:#6F8DFF;--lime:#C8FF1F;--white:#FFFFFF;--soft:#C9CEDB;--m:clamp(16px,4vw,48px)}
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:dark;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{margin:0;background:var(--dark);color:var(--white);font-family:'Montserrat',system-ui,sans-serif;font-weight:500;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--white);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;transition:text-underline-offset .18s}
a:hover{text-underline-offset:7px}
:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
::selection{background:var(--lime);color:var(--dark)}
.skip{position:absolute;left:16px;top:-80px;background:var(--lime);color:var(--dark);padding:12px 18px;font-weight:700;text-decoration:none}
.skip:focus{top:16px}
.top{display:flex;justify-content:space-between;align-items:center;padding:24px var(--m)}
.mark{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:800;font-size:26px;text-decoration:none;letter-spacing:-.04em} /* taste-skill-ignore: brand logo */
.mark b{color:var(--lime)}
.back{font-weight:700;font-size:15px}
main{max-width:46rem;padding:clamp(48px,10vh,112px) var(--m) 96px}
h1{font-size:clamp(40px,7vw,80px);font-weight:800;letter-spacing:-.045em;line-height:.98;margin:0;text-wrap:balance}
.intro{font-size:clamp(20px,2vw,24px);font-weight:700;line-height:1.35;margin:24px 0 0;max-width:34ch;text-wrap:pretty}
.date{font-size:15px;color:var(--soft);margin:16px 0 0}
h2{font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:56px 0 12px;text-wrap:balance}
p,li{text-wrap:pretty}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:22px}
li{margin:0 0 8px}
li::marker{color:var(--electric-text)}
.legal-note{font-size:16px;color:var(--soft);background:var(--dark-2);padding:20px 22px;border-radius:10px;margin-top:20px}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:32px var(--m) max(32px,env(safe-area-inset-bottom));background:var(--dark-2);font-size:15px}
.foot nav{display:flex;gap:24px;flex-wrap:wrap}
.foot a[aria-current]{text-decoration-color:var(--lime)}
/* 404 */
.lost{min-height:70svh;display:flex;flex-direction:column;justify-content:center}
.lost h1{font-size:clamp(56px,12vw,180px)}
.lost h1 b{color:var(--lime);font-weight:inherit}
.btn{display:inline-flex;align-items:center;min-height:52px;padding:0 26px;margin-top:32px;background:var(--lime);color:var(--dark);font-weight:700;text-decoration:none;align-self:flex-start;transition:transform .18s}
.btn:hover{transform:translateY(-2px)}