:root{--bg: #ffffff;--surface: #ffffff;--surface-2: #f5f7fb;--text: #0f172a;--text-muted: #475569;--border: #e2e8f0;--primary: #2563eb;--primary-700: #1d4ed8;--radius: 14px;--shadow: 0 6px 24px rgba(15, 23, 42, .06)}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%;color:var(--text);overflow-x:hidden}body{min-height:100%;overflow-x:hidden;background-color:#f8fafc}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}h1,h2,h3{font-weight:700;letter-spacing:-.02em}p{color:var(--text-muted)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-700)}button{font:inherit;cursor:pointer}.container{max-width:1120px;margin:0 auto;padding:0 20px;position:relative;z-index:2}*:focus{outline:2px solid var(--primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}body.dark-mode{background-color:#121212;color:#e0e0e0}body.dark-mode .header{background-color:#1e1e1e;color:#fff}body.dark-mode .footer{background-color:#1e1e1e;color:#e0e0e0}body.dark-mode a{color:#90caf9}body.light-mode{background-color:#fff;color:#333}body.light-mode .header,body.light-mode .footer{background-color:#f8f8f8;color:#333}body.light-mode a{color:#1976d2}body.high-contrast{background-color:#000;color:#ff0}body.high-contrast a{color:#0ff}body.high-contrast *:focus{outline:3px solid yellow!important}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;color:#fff;font-size:2em}.skeleton-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}body.reduced-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body.screen-reader-mode .decoration,body.screen-reader-mode .visual-only{display:none!important}@media (max-width: 768px){.container{padding:0 16px}}