@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;1,14..32,400&display=swap";:root,[data-theme=dark]{--bg-primary: #141414;--bg-secondary: #1e1e1e;--bg-tertiary: #252525;--card-bg: #1e1e1e;--footer-bg: #111111;--footer-bottom-bg: #0a0a0a;--navbar-bg: rgba(20, 20, 20, .95);--mobile-menu-bg: #191919;--overlay-bg: rgba(0, 0, 0, .75);--code-bg: #0d1117;--text-primary: #f0f6fc;--text-secondary: #c9d1d9;--text-white: #ffffff;--text-gray: #b0bec5;--text-muted: #6e7681;--accent-color: #61dafb;--accent-secondary: #21c8f6;--accent-hover: #38bdf8;--accent-glow: rgba(97, 218, 251, .35);--accent-glow-subtle: rgba(97, 218, 251, .12);--accent-glow-faint: rgba(97, 218, 251, .06);--border-gray: rgba(255,255,255,.08);--border-dark: rgba(255,255,255,.14);--navbar-border: rgba(255,255,255,.07);--glass-bg: rgba(255,255,255,.03);--hover-overlay: rgba(255,255,255,.05);--active-overlay: rgba(97,218,251,.08);--shadow-main: rgba(0,0,0,.6);--shadow-sidebar: rgba(0,0,0,.4);--theme-icon: "☀";--theme-label: "Ljust tema"}[data-theme=light]{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #eef1f5;--card-bg: #ffffff;--footer-bg: #1e2532;--footer-bottom-bg: #151b27;--navbar-bg: rgba(245, 247, 250, .95);--mobile-menu-bg: #ffffff;--overlay-bg: rgba(0, 0, 0, .5);--code-bg: #1e2532;--text-primary: #0d1117;--text-secondary: #24292f;--text-white: #0d1117;--text-gray: #3d444d;--text-muted: #656d76;--accent-color: #0284c7;--accent-secondary: #0369a1;--accent-hover: #0ea5e9;--accent-glow: rgba(2, 132, 199, .25);--accent-glow-subtle: rgba(2, 132, 199, .1);--accent-glow-faint: rgba(2, 132, 199, .05);--border-gray: rgba(0,0,0,.08);--border-dark: rgba(0,0,0,.14);--navbar-border: rgba(0,0,0,.07);--glass-bg: rgba(0,0,0,.02);--hover-overlay: rgba(0,0,0,.04);--active-overlay: rgba(2,132,199,.07);--shadow-main: rgba(0,0,0,.12);--shadow-sidebar: rgba(0,0,0,.08);--footer-text: #c9d1d9;--footer-muted: #8b949e}:root{--java-color: #f85620;--php-color: #8892be;--ts-color: #3178c6;--dotnet-color: #512bd4;--go-color: #00add8;--python-color: #ab9637;--rust-color: #dea584;--cpp-color: #284c96;--ruby-color: #d50e12;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Cascadia Code", "Monaco", "Consolas", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--ease-smooth: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;transition:background-color .3s,color .3s}html,body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-color);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}::selection{background:var(--accent-glow);color:var(--text-primary)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--border-gray);cursor:pointer;color:var(--text-secondary);font-size:1rem;transition:all .2s;flex-shrink:0}.theme-toggle:hover{background:var(--hover-overlay);border-color:var(--accent-color);color:var(--accent-color)}.theme-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:block}[data-theme=light] .theme-toggle .icon-moon{display:none}.navbar{background:var(--navbar-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:0 2rem;height:64px;display:flex;align-items:center;position:sticky;top:0;z-index:200;border-bottom:1px solid var(--navbar-border);box-shadow:0 1px 20px var(--shadow-main);transition:background .3s,border-color .3s}.navbar-container{max-width:1280px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.navbar-brand a{color:var(--accent-color);text-decoration:none;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;transition:opacity .2s;white-space:nowrap}.navbar-brand a:hover{opacity:.8;color:var(--accent-color)}.navbar-nav{display:flex;list-style:none;margin:0;padding:0;gap:.15rem;align-items:center}.nav-link{color:var(--text-muted);text-decoration:none;padding:.45rem .85rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:all .2s;white-space:nowrap}.nav-link:hover{background:var(--hover-overlay);color:var(--text-primary)}.nav-link.active{color:var(--accent-color);background:var(--active-overlay);font-weight:600}.nav-separator{width:1px;height:18px;background:var(--border-gray);margin:0 .4rem;flex-shrink:0}.nav-link-bytebase{color:var(--accent-color);text-decoration:none;padding:.4rem .9rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;border:1px solid rgba(97,218,251,.2);background:var(--accent-glow-faint);transition:all .2s;white-space:nowrap}[data-theme=light] .nav-link-bytebase{border-color:#0284c740}.nav-link-bytebase:hover{background:var(--accent-glow-subtle);border-color:var(--accent-color);color:var(--accent-color)}.navbar-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.hamburger{display:none;flex-direction:column;gap:4px;background:transparent;border:1px solid var(--border-gray);cursor:pointer;padding:.45rem .5rem;z-index:1001;border-radius:var(--radius-sm);transition:all .2s}.hamburger:hover{background:var(--hover-overlay);border-color:var(--accent-color)}.hamburger-line{width:20px;height:2px;background-color:var(--text-secondary);transition:all .25s;border-radius:2px;display:block}.hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(4px,4px);background:var(--accent-color)}.hamburger.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px);background:var(--accent-color)}.menu-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999;pointer-events:none}.menu-overlay.active{display:block;pointer-events:auto}@media (max-width: 768px){.menu-overlay.active{left:260px}}@media (max-width: 768px){.navbar{padding:0 1rem}.hamburger{display:flex}.navbar-menu{display:none}.menu-overlay.active{display:block}.navbar-menu.active{display:flex;position:fixed;top:0;left:0;width:260px;height:100vh;background:var(--mobile-menu-bg);border-right:1px solid var(--border-gray);flex-direction:column;padding:4.5rem .75rem 2rem;z-index:1000;box-shadow:4px 0 24px var(--shadow-main);pointer-events:auto;backdrop-filter:none;-webkit-backdrop-filter:none;overflow-y:auto}.navbar-nav{flex-direction:column;gap:.2rem;width:100%;align-items:stretch}.nav-item{width:100%}.nav-link{padding:.75rem 1rem;font-size:.95rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);display:block;pointer-events:auto}.nav-link.active{color:var(--accent-color);background:var(--active-overlay)}.nav-separator{display:none}.nav-link-bytebase{display:block;margin-top:.5rem;padding:.75rem 1rem;font-size:.95rem;text-align:center;border-radius:var(--radius-md)}.navbar-right .theme-toggle{display:flex}}.footer{background-color:var(--footer-bg);margin-top:auto;border-top:1px solid var(--border-gray);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:.3}.footer-content{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:3rem;padding:3rem 2.5rem;max-width:1280px;margin:0 auto}.footer-brand-name{font-size:1.1rem;font-weight:800;color:var(--accent-color);letter-spacing:-.02em;margin-bottom:.75rem}.footer-section p,.footer-section li{color:#8b949e;font-size:.875rem;line-height:1.7;margin:0 0 .4rem}.footer-section h4{color:#c9d1d9;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.4rem}.footer-links a{color:#8b949e;font-size:.875rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent-color)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);text-align:center;padding:1.1rem 2rem;background:var(--footer-bottom-bg)}.footer-bottom p{margin:0;color:#6e7681;font-size:.8rem}.footer-bottom a{color:#6e7681;transition:color .2s}.footer-bottom a:hover{color:var(--accent-color)}@media (max-width: 900px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem;padding:2.5rem 1.5rem}}@media (max-width: 600px){.footer-content{grid-template-columns:1fr;padding:2rem 1.25rem;text-align:center}}