:root{--bg: #020617;--card-bg: rgba(15, 23, 42, .6);--primary: #38bdf8;--primary-glow: rgba(56, 189, 248, .3);--text-main: #f8fafc;--text-dim: #94a3b8;--border: rgba(255, 255, 255, .06);--nav-glass: rgba(2, 6, 23, .7)}@media(prefers-color-scheme:light){:root{--bg: #f8fafc;--card-bg: rgba(255, 255, 255, .7);--primary: #0ea5e9;--primary-glow: rgba(14, 165, 233, .2);--text-main: #0f172a;--text-dim: #64748b;--border: rgba(15, 23, 42, .08);--nav-glass: rgba(248, 250, 252, .8)}}body{margin:0;background-color:var(--bg);color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden;line-height:1.5}.navbar.svelte-12qhfyh{position:fixed;top:0;left:0;right:0;z-index:1000;padding:32px 24px;transition:all .5s cubic-bezier(.16,1,.3,1)}.navbar.scrolled.svelte-12qhfyh{padding:16px 24px;background:var(--nav-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:0 4px 30px #0000001a}.nav-container.svelte-12qhfyh{max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo.svelte-12qhfyh{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:0;transition:transform .3s ease}.logo.svelte-12qhfyh:hover{transform:scale(1.02)}.logo-icon.svelte-12qhfyh{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.logo-ring.svelte-12qhfyh{position:absolute;width:100%;height:100%;border:2px solid var(--primary);border-radius:8px;opacity:.3;transform:rotate(45deg)}.logo-dot.svelte-12qhfyh{width:8px;height:8px;background:var(--primary);border-radius:2px;box-shadow:0 0 15px var(--primary);animation:svelte-12qhfyh-pulse 2s infinite}.logo-text.svelte-12qhfyh{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.logo-main.svelte-12qhfyh{font-weight:800;font-size:1.1rem;letter-spacing:1px;color:var(--primary)}.logo-sub.svelte-12qhfyh{font-weight:700;font-size:.65rem;letter-spacing:2px;color:var(--text-dim);margin-top:2px}.nav-links.svelte-12qhfyh{display:flex;align-items:center;gap:40px}.links-wrapper.svelte-12qhfyh{display:flex;gap:32px}.nav-item.svelte-12qhfyh{background:none;border:none;color:var(--text-dim);font-weight:700;font-size:.75rem;letter-spacing:1px;cursor:pointer;transition:all .3s ease;padding:8px 0;position:relative}.nav-item.svelte-12qhfyh:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}.nav-item.svelte-12qhfyh:hover{color:var(--text-main)}.nav-item.svelte-12qhfyh:hover:after{width:100%}.github-cta.svelte-12qhfyh{background:var(--text-main);color:var(--bg);padding:10px 20px;border-radius:100px;font-weight:800;font-size:.75rem;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all .3s ease;border:1px solid transparent}.github-cta.svelte-12qhfyh:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--primary-glow);background:var(--primary);color:#fff}.mobile-toggle.svelte-12qhfyh{display:none;background:var(--card-bg);border:1px solid var(--border);width:44px;height:44px;border-radius:12px;cursor:pointer;align-items:center;justify-content:center}.hamburger.svelte-12qhfyh{width:20px;height:14px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger.svelte-12qhfyh span:where(.svelte-12qhfyh){display:block;width:100%;height:2px;background:var(--primary);transition:all .3s ease}.hamburger.active.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.active.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(2){transform:translateY(-6px) rotate(-45deg)}@keyframes svelte-12qhfyh-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.mobile-toggle.svelte-12qhfyh{display:flex}.nav-links.svelte-12qhfyh{position:fixed;top:0;right:-100%;width:80%;height:100vh;background:var(--bg);flex-direction:column;justify-content:center;padding:40px;transition:.4s cubic-bezier(.16,1,.3,1);border-left:1px solid var(--border)}.nav-links.open.svelte-12qhfyh{right:0}.links-wrapper.svelte-12qhfyh{flex-direction:column;align-items:flex-start;gap:40px}.nav-item.svelte-12qhfyh{font-size:1.5rem}}
