@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";
:root{--font-family:"Roboto",sans-serif;--transition-speed:.3s;--bg-primary:#09090b;--bg-secondary:#111113;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--accent-color:#8b5cf6;--accent-hover:#7c3aed;--card-background:#0f0f10;--card-border:#ffffff14;--card-shadow:0 15px 35px #0006;--surface-glass:#09090bcc;--surface-muted:#ffffff08;--surface-soft:#ffffff14;--border-subtle:#ffffff0f;--border-strong:#ffffff26;--accent-glow:#8b5cf666;--logo-filter:brightness(0)invert(1);font-family:Roboto,sans-serif}:root[data-theme=light]{--bg-primary:#f5f5ff;--bg-secondary:#fff;--text-primary:#0f172a;--text-secondary:#475569;--accent-color:#6d28d9;--accent-hover:#5b21b6;--card-background:#fff;--card-border:#0f172a14;--card-shadow:0 15px 35px #0f172a1a;--surface-glass:#ffffffe6;--surface-muted:#0f172a0a;--surface-soft:#0f172a14;--border-subtle:#0f172a14;--border-strong:#0f172a26;--accent-glow:#6d28d940;--logo-filter:none}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-speed)ease,color var(--transition-speed)ease;max-width:100vw;line-height:1.6;overflow-x:hidden}main{margin:0 auto;padding:2rem}a{color:var(--accent-color);transition:color var(--transition-speed)ease;text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:var(--font-family);cursor:pointer;transition:all var(--transition-speed)ease;border:none}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}input,textarea,select{font-family:var(--font-family)}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem}img{max-width:100%;height:auto}@media (max-width:1024px){html{font-size:15px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media (max-width:768px){html{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.1rem}}@media (max-width:480px){html{font-size:13px}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}}@media (max-width:320px){html{font-size:12px}h1{font-size:1.3rem}h2{font-size:1.1rem}h3{font-size:.95rem}body{padding:.5rem}}