@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary: #0f0a19;--bg-secondary: #1b112c;--bg-tertiary: #2d1b4e;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #8b5cf6;--accent-secondary: #d946ef;--accent-glow: rgba(139, 92, 246, .5);--border-color: #332940;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none;background:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.main-layout{flex:1;display:grid;grid-template-columns:1fr;gap:20px;min-height:0}.mobile-menu-btn{display:none}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;width:100%;max-width:1200px;padding:0 20px}@media(min-width:768px){.main-layout{grid-template-columns:3fr 2fr}}@media(max-width:768px){.hidden-on-mobile{display:none!important}.main-layout{display:flex;flex-direction:column;height:calc(100vh - 140px);height:calc(100dvh - 140px)}.nav-header{padding:10px 15px!important;flex-direction:row!important;gap:0!important;transition:transform .3s ease-in-out}.nav-links.desktop-only{display:none!important}.mobile-menu-btn{display:block!important}.home-container{padding:20px!important}.home-title{font-size:2.2rem!important}.home-subtitle{font-size:1rem!important;padding:0 10px}.language-grid{grid-template-columns:repeat(2,1fr)!important;gap:15px!important}.language-grid>a{width:100%!important;min-width:0!important;display:block!important}.language-card{width:100%!important;height:auto!important;aspect-ratio:1 / 1;border-radius:20px!important;padding:15px!important}.language-card-icon{font-size:2.5rem!important;margin-bottom:5px!important}}