@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fadeIn{animation:fadeIn .6s ease-out forwards}.animate-slideIn{animation:slideInLeft .5s ease-out forwards}.animate-scaleIn{animation:scaleIn .4s ease-out forwards}.animate-pulse{animation:pulse 2s infinite}.stagger-animation>*{opacity:0;animation:fadeIn .5s ease-out forwards}.stagger-animation>*:nth-child(1){animation-delay:.1s}.stagger-animation>*:nth-child(2){animation-delay:.2s}.stagger-animation>*:nth-child(3){animation-delay:.3s}.stagger-animation>*:nth-child(4){animation-delay:.4s}.stagger-animation>*:nth-child(5){animation-delay:.5s}.stagger-animation>*:nth-child(6){animation-delay:.6s}.stagger-animation>*:nth-child(7){animation-delay:.7s}.stagger-animation>*:nth-child(8){animation-delay:.8s}.stagger-animation>*:nth-child(9){animation-delay:.9s}.stagger-animation>*:nth-child(10){animation-delay:1s}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite}.page-transition{opacity:0;animation:fadeIn .4s ease-out forwards}:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary-color: #f97316;--text-color: #1e293b;--text-light: #64748b;--background-color: #f5f7fb;--background-gray: #eef2f7;--border-color: #e2e8f0;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-color);background-color:var(--background-color);line-height:1.6;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-dark)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-color)}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container{padding:0 16px}}.main-nav.svelte-saewir{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;transition:all .3s ease}.main-nav.svelte-saewir .container:where(.svelte-saewir){display:flex;justify-content:space-between;align-items:center;padding:1.25rem 24px}.logo.svelte-saewir{font-weight:700;font-size:1.375rem;color:var(--text-color);letter-spacing:-.025em;transition:all .2s ease}.logo.svelte-saewir:hover{text-decoration:none;color:var(--primary-color);transform:translateY(-1px)}.nav-links.svelte-saewir{display:flex;gap:2.5rem;align-items:center}.nav-links.svelte-saewir a:where(.svelte-saewir){color:var(--text-light);font-weight:500;font-size:.95rem;position:relative;transition:all .2s ease;padding:.5rem 0}.nav-links.svelte-saewir a:where(.svelte-saewir):hover{color:var(--text-color);text-decoration:none}.nav-links.svelte-saewir a.active:where(.svelte-saewir){color:var(--primary-color);font-weight:600}.nav-links.svelte-saewir a:where(.svelte-saewir):before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-color);transform:scaleX(0);transition:transform .3s ease;transform-origin:center}.nav-links.svelte-saewir a.active:where(.svelte-saewir):before,.nav-links.svelte-saewir a:where(.svelte-saewir):hover:before{transform:scaleX(1)}.content-wrapper.svelte-saewir{display:flex;max-width:1400px;margin:0 auto;padding:0 1rem;gap:2rem}.content-wrapper.with-sidebar.svelte-saewir{padding-top:2rem}.sidebar.svelte-saewir{width:250px;flex-shrink:0;position:sticky;top:80px;height:fit-content}.sidebar-nav.svelte-saewir{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color)}.sidebar-nav.svelte-saewir h3:where(.svelte-saewir){font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:1rem;font-weight:600}.sidebar-nav.svelte-saewir ul:where(.svelte-saewir){list-style:none;padding:0;margin:0}.sidebar-nav.svelte-saewir li:where(.svelte-saewir){margin-bottom:.5rem}.sidebar-nav.svelte-saewir a:where(.svelte-saewir){display:block;padding:.5rem .75rem;color:var(--text-color);text-decoration:none;border-radius:4px;transition:all .2s ease;font-size:.95rem}.sidebar-nav.svelte-saewir a:where(.svelte-saewir):hover{background:var(--background-gray);color:var(--primary-color);transform:translate(4px)}.sidebar-nav.svelte-saewir a.active:where(.svelte-saewir){background:var(--primary-color);color:#fff;font-weight:500}main.svelte-saewir{min-height:calc(100vh - 140px);flex:1;max-width:100%}footer.svelte-saewir{background:var(--background-gray);padding:3rem 0;margin-top:6rem;border-top:1px solid var(--border-color)}footer.svelte-saewir .container:where(.svelte-saewir){display:flex;flex-direction:column;align-items:center;gap:1rem}footer.svelte-saewir p:where(.svelte-saewir){text-align:center;color:var(--text-light);font-size:.875rem;margin:0}@media (max-width: 1024px){.sidebar.svelte-saewir{width:200px}}@media (max-width: 768px){.nav-links.svelte-saewir{gap:1.5rem}.nav-links.svelte-saewir a:where(.svelte-saewir){font-size:.9rem}.logo.svelte-saewir{font-size:1.25rem}.content-wrapper.svelte-saewir{flex-direction:column}.sidebar.svelte-saewir{width:100%;position:static}.sidebar-nav.svelte-saewir{margin-bottom:2rem}}