html{min-height:100%;background:radial-gradient(120% 90% at 50% 20%,transparent 55%,rgba(3,12,32,.45)),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/48px 48px,#132e59 linear-gradient(180deg,#132e59,#09214A);background-attachment:fixed;scrollbar-color:#4f6790 #061634}
::selection{background:#8fa3c2;color:#061634}
body{margin:0;min-height:100vh;display:flex;flex-direction:column}
@font-face{font-family:"Pixelify Sans";src:url(pixelify-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}
.bar{box-sizing:border-box;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;max-width:1200px;margin:16px auto 0;width:calc(100% - 32px);padding:0 26px;border:2px solid #fff;border-radius:999px;box-shadow:inset 0 2px 0 rgba(255,255,255,.14),inset 0 -5px 0 rgba(0,0,0,.18),0 5px 0 #8fa3c2,0 9px 10px rgba(0,0,0,.4)}
.bar>a{justify-self:start}
.bar img{display:block;height:50px;width:auto;transition:transform .15s}
.bar>a:hover img{transform:translateY(-2px) scale(1.05)}
.bar nav{display:flex;gap:12px;margin-bottom:5px;font:700 18px system-ui,-apple-system,"Segoe UI",sans-serif}
.bar nav a{display:flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;background:#fff;color:#09214A;text-decoration:none;box-shadow:inset 0 -3px 0 #e1e8f3,0 5px 0 #8fa3c2,0 9px 10px rgba(0,0,0,.4);transition:transform .1s,background .1s,box-shadow .1s}
.bar nav a:hover{transform:translateY(-2px);box-shadow:inset 0 -3px 0 #e1e8f3,0 7px 0 #8fa3c2,0 11px 12px rgba(0,0,0,.4)}
.bar nav a:active{transform:translateY(4px);box-shadow:0 1px 0 #8fa3c2,0 2px 3px rgba(0,0,0,.4)}
.bar nav a:focus-visible{outline:2px solid #5aa9ff;outline-offset:2px}
.bar nav svg{width:20px;height:20px;fill:currentColor;flex:none}
@media(max-width:620px){.bar{padding:0 18px;grid-template-columns:auto 1fr}.bar img{height:44px}.bar nav{justify-self:end;gap:5px;font-size:12px}.bar nav a{flex-direction:column;gap:1px;padding:4px 7px;border-radius:14px}.bar nav svg{width:18px;height:18px}}
.foot{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:28px 48px;width:100%;margin:auto 0 0;padding:30px max(16px,calc((100% - 1200px)/2)) 32px;position:relative;background:linear-gradient(180deg,#0a2148,#061634);color:#c9d5e8}
.foot::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:56px;background:linear-gradient(180deg,transparent,#0a2148);pointer-events:none}
.foot-brand img{display:block;height:50px;width:auto}
.foot-brand p{margin:12px 0 12px;font:500 14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.foot button{padding:0;border:0;background:none;color:inherit;cursor:pointer}
.foot-legal{display:flex;flex-wrap:wrap;gap:6px 20px}
.foot-legal a{font:600 14px system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;text-decoration:none}
.foot-legal a:hover{text-decoration:underline}
.foot-links{display:grid;flex:none;grid-template-columns:repeat(3,auto);gap:14px 36px}
.foot-links a,.foot-links button{display:flex;align-items:center;gap:9px;font:700 21px/1.2 "Pixelify Sans",system-ui,sans-serif;color:inherit;text-decoration:none;text-shadow:2px 2px 0 #05122b;transition:transform .1s,color .1s}
.foot-links a:hover,.foot-links button:hover{color:#fff;transform:translateY(-2px)}
.foot-links a:active,.foot-links button:active{transform:translateY(2px)}
.foot-links svg{width:21px;height:21px;fill:currentColor;flex:none;filter:drop-shadow(2px 2px 0 #05122b)}
.foot a:focus-visible,.foot button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:860px){.foot{flex-direction:column;align-items:flex-start;padding:28px 16px}}
@media(max-width:620px){.foot-links{grid-template-columns:repeat(2,auto);column-gap:28px}}
.doc{box-sizing:border-box;width:calc(100% - 32px);max-width:860px;margin:28px auto 56px;padding:40px 44px 52px;border:2px solid #fff;border-radius:18px;background:radial-gradient(90% 320px at 50% 0,rgba(255,255,255,.08),transparent),linear-gradient(180deg,#0e2b5a,#0a2048);color:#dbe5f5;font:400 17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:inset 0 3px 0 rgba(255,255,255,.22),inset 0 -8px 0 rgba(0,0,0,.28),0 7px 0 #8fa3c2,0 16px 0 #4f6790,0 26px 22px rgba(0,0,0,.5)}
.doc h1{margin:0 0 4px;font:700 clamp(34px,8vw,52px)/1.1 "Pixelify Sans",system-ui,sans-serif;color:#fff;text-shadow:3px 4px 0 #27467c,6px 8px 0 #05122b}
.doc h2{margin:34px 0 8px;font:800 23px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;text-shadow:2px 2px 0 #05122b}
.doc h3{margin:18px 0 4px;font-size:17px;color:#fff}
.doc p{margin:0 0 12px}
.doc ul{margin:0 0 12px;padding-left:22px;list-style:square}
.doc li::marker{color:#8fa3c2}
.doc li{margin-bottom:6px}
.doc a{color:#8fc4ff}
.doc .date{color:#a9bad4;font-size:15px}
@media(max-width:620px){.doc{padding:28px 20px 40px;font-size:16px}}
@keyframes drop{from{opacity:0;transform:translateY(-18px)}}
@keyframes rise{from{opacity:0;transform:translateY(22px)}}
.bar{animation:drop .6s cubic-bezier(.22,1,.36,1) backwards}
.doc,.content>*,.foot{animation:rise .6s cubic-bezier(.22,1,.36,1) backwards}
.doc,.content>:nth-child(1){animation-delay:.12s}
.content>:nth-child(2){animation-delay:.2s}
.content>:nth-child(3){animation-delay:.28s}
.foot{animation-delay:.4s}
@media(prefers-reduced-motion:reduce){.bar,.doc,.content>*,.foot{animation:none}}
