html,body{margin:0;padding:0;background-color:#0f172a;color:#f1f5f9}.app.svelte-5e1lc0{background-color:#0f172a;min-height:100vh}.navbar.svelte-5e1lc0{position:sticky;top:0;z-index:100;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(51,65,85,.3);padding:1rem 0}.nav-container.svelte-5e1lc0{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand.svelte-5e1lc0{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;transition:transform .3s ease}.nav-brand.svelte-5e1lc0:hover{transform:translateY(-1px)}.nav-logo.svelte-5e1lc0{width:32px;height:32px;filter:drop-shadow(0 2px 4px rgba(99,102,241,.3))}.nav-brand-name.svelte-5e1lc0{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#f1f5f9,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links.svelte-5e1lc0{display:flex;align-items:center;gap:2rem}.nav-link.svelte-5e1lc0{color:#f3f4f6;text-decoration:none;font-weight:500;font-size:.875rem;transition:color .3s ease;position:relative}.nav-link.svelte-5e1lc0:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,#6366f1,#8b5cf6);transition:width .3s ease}.nav-link.svelte-5e1lc0:hover{color:#6366f1}.nav-link.svelte-5e1lc0:hover:after{width:100%}.nav-cta.svelte-5e1lc0{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.625rem 1.25rem;text-decoration:none;border-radius:25px;font-weight:600;font-size:.875rem;transition:all .3s ease;box-shadow:0 4px 15px #6366f14d;position:relative;overflow:hidden}.nav-cta.svelte-5e1lc0:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#8b5cf6,#6366f1);transition:left .3s ease;z-index:-1}.nav-cta.svelte-5e1lc0:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.nav-cta.svelte-5e1lc0:hover:before{left:0}@media (max-width: 768px){.nav-container.svelte-5e1lc0{padding:0 1rem}.nav-links.svelte-5e1lc0{gap:1rem}.nav-brand-name.svelte-5e1lc0{font-size:1.25rem}.nav-logo.svelte-5e1lc0{width:28px;height:28px}.nav-cta.svelte-5e1lc0{padding:.5rem 1rem;font-size:.8rem}}