:root{--r-bg: #F4EFE6;--r-card: #FFFDF6;--r-black: #111111;--r-blue: #2E58C9;--r-cyan: #33B8B9;--r-yellow: #F1B933;--r-pink: #E0537E;--r-dot: #d0c9b4}*{box-sizing:border-box}html{scroll-behavior:smooth}body.retro{margin:0;background-color:var(--r-bg);color:var(--r-black);background-image:radial-gradient(var(--r-dot) 2.5px,transparent 2.5px);background-size:32px 32px;font-family:Inter,sans-serif;font-weight:700;overflow-x:hidden;min-height:100dvh;display:flex;flex-direction:column}body.retro>*{width:100%}.font-pixel{font-family:"Press Start 2P",cursive;font-weight:400}.ily-pixel{image-rendering:-moz-crisp-edges;image-rendering:pixelated;display:block}.rwrap{max-width:80rem;margin:0 auto;padding:0 1.5rem}body.retro ::selection{background:var(--r-cyan);color:#fff}.pixel-box{border:4px solid var(--r-black);box-shadow:6px 6px 0 0 var(--r-black);transition:all .1s ease}button.pixel-box:active,a.pixel-box:active{transform:translate(6px,6px);box-shadow:0 0 0 0 transparent}.pixel-box-flat{border:4px solid var(--r-black)}.pixel-box-sm{border:4px solid var(--r-black);box-shadow:4px 4px 0 0 var(--r-black)}.pixel-card{background-color:var(--r-card);margin:8px;position:relative;top:0;box-shadow:-4px 0 0 0 var(--r-black),4px 0 0 0 var(--r-black),0 -4px 0 0 var(--r-black),0 4px 0 0 var(--r-black),6px 6px 0 0 var(--r-dot),10px 6px 0 0 var(--r-dot),6px 10px 0 0 var(--r-dot),10px 10px 0 0 var(--r-dot),14px 10px 0 0 transparent,10px 14px 0 0 transparent;transition:top .2s,box-shadow .2s}.pixel-card:before{content:"";position:absolute;inset:-4px 0;background:var(--r-card);z-index:-1}.pixel-card:after{content:"";position:absolute;inset:0 -4px;background:var(--r-card);z-index:-1}.pixel-card:hover{top:-4px;box-shadow:-4px 0 0 0 var(--r-black),4px 0 0 0 var(--r-black),0 -4px 0 0 var(--r-black),0 4px 0 0 var(--r-black),6px 6px #a99e82,10px 6px #a99e82,6px 10px #a99e82,10px 10px #a99e82,14px 10px 0 0 transparent,10px 14px 0 0 transparent}.pixel-icon-box{position:relative;background-color:inherit;box-shadow:-3px 0 0 0 var(--r-black),3px 0 0 0 var(--r-black),0 -3px 0 0 var(--r-black),0 3px 0 0 var(--r-black),4px 4px 0 0 var(--r-black)}.pixel-icon-box:before{content:"";position:absolute;inset:-3px 0;background:inherit;z-index:-1}.pixel-icon-box:after{content:"";position:absolute;inset:0 -3px;background:inherit;z-index:-1}.checkered-divider{background-image:linear-gradient(45deg,var(--r-dot) 25%,transparent 25%,transparent 75%,var(--r-dot) 75%,var(--r-dot)),linear-gradient(45deg,var(--r-dot) 25%,transparent 25%,transparent 75%,var(--r-dot) 75%,var(--r-dot));background-size:12px 12px;background-position:0 0,6px 6px}.rhead{position:fixed;top:0;width:100%;z-index:50}.rhead .rbar{background:var(--r-card);border-bottom:4px solid var(--r-black);height:80px;display:flex;align-items:center}.rhead .rbar .rwrap{width:100%;display:flex;align-items:center;justify-content:space-between}.rhead .rdivider{height:16px;width:100%;border-bottom:2px solid rgba(17,17,17,.1)}.brand{display:flex;align-items:center;gap:1rem;text-decoration:none}.brand img{width:48px;height:48px;background:var(--r-black)}.brand b{font-family:"Press Start 2P",cursive;font-weight:400;font-size:1.25rem;letter-spacing:.03em;color:var(--r-black);margin-top:4px}.brand b i{color:var(--r-blue);font-style:normal}.rbtn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;cursor:pointer;font-family:"Press Start 2P",cursive;font-weight:400;font-size:12px;text-decoration:none;background:var(--r-cyan);color:#fff;padding:.8rem 1.5rem}button.pixel-box{position:relative;overflow:hidden}button.pixel-box:hover{filter:brightness(1.12)}button.pixel-box:before{content:"";position:absolute;top:-4px;bottom:-4px;left:-20%;width:12%;background:#ffffff73;pointer-events:none}button.pixel-box:hover:before{animation:rshine .5s steps(8,end) 1}@keyframes rshine{0%{left:-20%}to{left:120%}}button.pixel-box:after{content:"✦";position:absolute;top:1px;right:5px;font-size:11px;line-height:1;color:#fff;opacity:0;pointer-events:none}button.pixel-box:hover:after{animation:rtwinkle .7s steps(4,end) 1}@keyframes rtwinkle{0%{opacity:0}25%{opacity:1}50%{opacity:.25}75%{opacity:1}to{opacity:0}}button.pixel-box:disabled:hover{filter:none}button.pixel-box:disabled:hover:before,button.pixel-box:disabled:hover:after{animation:none}@media(prefers-reduced-motion:reduce){button.pixel-box:before,button.pixel-box:after{animation:none!important}}.rbtn.blue{background:var(--r-blue)}.rbtn.blue:hover{background:#1d4ed8}.rbtn.big{font-size:14px;padding:1.25rem 2rem}.rbadge{display:inline-flex;align-items:center;gap:.75rem;background:var(--r-yellow);color:var(--r-black);padding:.5rem 1rem;font-family:"Press Start 2P",cursive;font-weight:400;font-size:11px;line-height:1.6;transition:transform .15s}.rbadge:hover{transform:translateY(-4px)}.rh1{font-family:"Press Start 2P",cursive;font-weight:400;font-size:clamp(1.5rem,5vw,2.6rem);line-height:1.4;margin:0 0 1.5rem}.rh1 .blue{color:var(--r-blue)}.rh2{font-family:"Press Start 2P",cursive;font-weight:400;font-size:clamp(1.05rem,3vw,1.5rem);margin:0 0 2rem;border-left:8px solid var(--r-blue);padding-left:1rem}.rh2.pink{border-left-color:var(--r-pink)}.rh2.cyan{border-left-color:var(--r-cyan)}body.retro>section:last-of-type{margin-bottom:5rem}.rfoot{margin-top:auto;border-top:4px solid var(--r-black);background:var(--r-card);position:relative;z-index:10}.rfoot .rwrap{padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.5rem}@media(min-width:768px){.rfoot .rwrap{flex-direction:row}}.rfoot .rcopy{font-family:"Press Start 2P",cursive;font-weight:400;font-size:12px;line-height:1.8;text-align:center}.rfoot .rlinks{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem}.rfoot .rlinks a{font-family:"Press Start 2P",cursive;font-weight:400;font-size:10px;color:#1119;text-decoration:none}.rfoot .rlinks a:hover{color:var(--r-blue)}.lang-select{font-family:"Press Start 2P",cursive;font-weight:400;font-size:10px;background:var(--r-card);border:4px solid var(--r-black);padding:.5rem;color:var(--r-black);cursor:pointer}