:root{--bg-primary:#0b0d12;--bg-secondary:#0f131a;--bg-tertiary:#121826;--bg-card:#141821;--text-primary:#e6e8ec;--text-secondary:#9aa4b2;--text-muted:#6b7280;--text-accent:#4c8df6;--brand-primary:#0073e6;--brand-secondary:#005bb3;--brand-light:#4da6ff;--border-primary:#1a2230;--border-secondary:#2a3441;--border-accent:#3a4552;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 12px rgba(0,0,0,.15);--shadow-lg:0 10px 30px rgba(0,0,0,.25);--shadow-xl:0 20px 40px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 70% -10%,rgba(76,141,246,.08),transparent),radial-gradient(1200px 800px at -10% 20%,rgba(72,222,176,.05),transparent),var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--text-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--brand-light)}button,input,select,textarea{font-family:inherit;font-size:14px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}::selection{background:rgba(76,141,246,.3);color:var(--text-primary)}::-moz-selection{background:rgba(76,141,246,.3);color:var(--text-primary)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.container{max-width:960px;margin:0 auto;padding:0 20px}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px}.col-12{grid-column:span 12}.col-6{grid-column:span 6}.col-4{grid-column:span 4}@media (max-width:800px){.col-4,.col-6{grid-column:span 12}.container{padding:0 16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}@media (max-width:768px){body{font-size:14px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast:high){:root{--text-primary:#fff;--text-secondary:#ccc;--border-primary:#444;--bg-primary:#000;--bg-secondary:#111}}