:root{--bg-primary:#fff;--bg-secondary:#f9fafb;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--nav-bg:#fffc;--nav-text:#111827;--card-bg:#fff;--hover-bg:#f3f4f6;--shadow:#0000001a}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#fff;--text-secondary:#b0b0b0;--border-color:#ffffff1a;--nav-bg:#1a1a1ae6;--card-bg:#2d2d2d;--shadow:#00000080}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}[data-theme=dark] .home-nav{background-color:var(--nav-bg);border-bottom:1px solid var(--border-color)}[data-theme=dark] .nav-links a{color:var(--text-primary)}[data-theme=dark] .nav-links a:hover{color:#667eea}[data-theme=dark] .nav-links li+li:before{background:#fff3}[data-theme=dark] .mobile-menu-btn,[data-theme=dark] .settings-btn{color:var(--text-primary)}[data-theme=dark] .settings-btn:hover{background:#ffffff1a}[data-theme=dark] .settings-dropdown{background:#2d2d2d;box-shadow:0 8px 24px #0009}[data-theme=dark] .settings-title{color:var(--text-primary);border-bottom-color:#ffffff1a}[data-theme=dark] .settings-label{color:var(--text-secondary)}[data-theme=dark] .lang-btn{background:#1a1a1a;border-color:#fff3;color:var(--text-primary)}[data-theme=dark] .lang-btn:hover{border-color:#667eea;background:#667eea1a}[data-theme=dark] .theme-toggle-btn{background:#1a1a1a}[data-theme=dark] .theme-toggle-btn:hover{background:#333}[data-theme=dark] .theme-label{color:var(--text-primary)}[data-theme=dark] .nav-links.mobile-menu-open{background:#1a1a1afa}.home-nav,.lang-btn,.nav-links a,.settings-btn,.settings-dropdown,.theme-toggle-btn{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.no-transition *{transition:none!important}body{margin:0;font-family:Urbanist,Segoe UI,Poppins,Trebuchet MS,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Urbanist,Segoe UI,Poppins,Trebuchet MS,Helvetica Neue,Arial,sans-serif!important}.code,code,pre{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace!important}@media (max-width:768px){a,button,input,select,textarea{min-height:44px;min-width:44px}}@media (max-width:480px){.floating-particles,.geometric-shapes{display:none!important}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{overflow-x:hidden;max-width:100vw}