:root{--bg: #111111;--bg-2: #1a1a1a;--panel: #222222;--panel-top: #2e2e2e;--panel-inner: #191919;--text: #f3ecd8;--text-soft: #c9c0aa;--accent: #62d6ff;--accent-2: #ff8a5b;--accent-3: #f0d66b;--accent-green: #8be7b5;--line: #050505;--shadow: #000000;--highlight: #434343}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%);color:var(--text);font-family:Inter,Arial,sans-serif}.retro-page{min-height:calc(100vh - 140px);display:grid;place-items:center}.retro-page--top{min-height:calc(100vh - 140px);padding-top:2rem}.retro-window{border:4px solid var(--line);background:linear-gradient(180deg,var(--panel-top) 0%,var(--panel) 100%);box-shadow:inset 0 1px 0 var(--highlight),10px 10px 0 var(--shadow)}.retro-window__titlebar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;border-bottom:4px solid var(--line);color:#111;font-size:.85rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.retro-window__titlebar--welcome{background:linear-gradient(90deg,var(--accent) 0 33%,var(--accent-2) 33% 66%,var(--accent-3) 66% 100%)}.retro-window__titlebar--about{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-green) 100%)}.retro-window__body{padding:2rem;background:linear-gradient(180deg,#ffffff05,#0000000d),repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 2px,transparent 2px,transparent 6px),var(--panel-inner)}.titlebar-dots{display:inline-flex;gap:.35rem}.titlebar-dots i{display:block;width:12px;height:12px;background:#111;border:2px solid rgba(255,255,255,.2)}.section-eyebrow{margin:0 0 1rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:800}.retro-heading{margin:0;color:var(--text);text-transform:uppercase;letter-spacing:.03em;line-height:1}.retro-copy{color:var(--text-soft);line-height:1.8;font-size:1rem}.retro-btn{display:inline-block;padding:.95rem 1.3rem;text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border:3px solid var(--line);transition:transform .12s ease}.button-shadow a.retro-btn--primary{color:#111;background:linear-gradient(180deg,#84e3ff 0%,var(--accent) 100%)}.button-shadow{display:flex;box-shadow:0 0 #424242,4px 4px 0 var(--shadow)}.button-shadow a{color:var(--text-soft);text-decoration:none;font-weight:700;padding:.65rem .9rem;border:3px solid var(--line);background:linear-gradient(180deg,#2a2a2a,#1f1f1f)}.button-shadow:hover a{color:var(--text);transform:translate(2px,2px)}.button-shadow.active{color:#111;background:linear-gradient(180deg,#7ce0ff 0%,var(--accent) 100%)}.button-shadow.active:hover{color:#111}@media(max-width:700px){.retro-window__body{padding:2rem 1.25rem}}