body { background-color: #0e0e13; color: #e4e1e9; font-family: 'Inter', sans-serif; overflow-x: hidden; }
    .grid-overlay { background-image: radial-gradient(#3c494e 1px, transparent 1px); background-size: 32px 32px; opacity: 0.08; }
    .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; display: inline-block; vertical-align: middle; }
    .dot-grid { background-image: radial-gradient(circle, #859398 1px, transparent 1px); background-size: 32px 32px; opacity: 0.05; }

/* ===== Accessibility (WCAG 2.1 AA) ===== */
.skip-link{position:absolute;left:8px;top:-60px;z-index:1000;background:#00d4ff;color:#00262e;padding:10px 18px;font-family:'Manrope','Arial',sans-serif;font-weight:700;border-radius:0 0 8px 8px;text-decoration:none;transition:top .15s ease-in-out}
.skip-link:focus{top:0}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #00d4ff;outline-offset:2px;border-radius:2px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}