@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{max-width:100%;overflow-x:clip!important}:root{--color-accent:#6366f1;--color-accent-hover:#4f46e5;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-primary:#0f172a;--color-secondary:#64748b;--color-tertiary:#94a3b8;--color-border:#e2e8f0;--color-background:#fff;--color-background-alt:#f8fafc;--color-surface:#f8fafc;--color-hover:#f1f5f9;--bg-card:#fff;--bg:#f8fafc;--border:#e2e8f0;--text-muted:#64748b;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--gradient-dark:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 24px #0000001a, 0 4px 8px #0000000f;--shadow-xl:0 20px 40px #0000001f, 0 8px 16px #00000014;--shadow-accent:0 8px 24px #6366f140;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--radius:10px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono:"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace}.dark{--color-primary:#f1f5f9;--color-secondary:#94a3b8;--color-tertiary:#64748b;--color-border:#1e1e2e;--color-background:#0a0a0f;--color-background-alt:#111118;--color-surface:#111118;--color-hover:#1e1e2e;--bg-card:#111118;--bg:#0a0a0f;--border:#1e1e2e;--text-muted:#94a3b8;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #0006, 0 2px 4px #0000004d;--shadow-lg:0 10px 24px #00000080, 0 4px 8px #0006;--shadow-xl:0 20px 40px #0009, 0 8px 16px #00000080;--shadow-accent:0 8px 24px #6366f159}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-primary);background:var(--color-background);line-height:1.6;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}html{overflow-x:hidden}code{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:0}::-webkit-scrollbar-track{background:var(--color-background-alt)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-tertiary)}::-webkit-scrollbar:horizontal{height:0;display:none}::selection{color:var(--color-primary);background:#6366f133}.skip-link{z-index:10000;background:var(--color-accent);color:#fff;border-radius:var(--radius-md);padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s;position:absolute;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{outline-offset:2px;outline:2px solid #fff;transform:translateY(0)}#main-content{scroll-margin-top:80px}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.w-4{width:16px}.h-4{height:16px}.w-5{width:20px}.h-5{height:20px}.w-6{width:24px}.h-6{height:24px}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #fff3}.dark .glass{background:#111118b3;border:1px solid #ffffff0f}.gradient-border{border-radius:var(--radius-lg);position:relative}.gradient-border:before{content:"";border-radius:inherit;z-index:-1;opacity:0;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);transition:opacity .2s;position:absolute;inset:-1px}.gradient-border:hover:before{opacity:1}a,button,input,textarea,select{transition:all .2s}a{color:var(--color-primary);text-decoration:none}a:hover{opacity:.8}button{font-family:inherit;font-size:inherit;line-height:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600;line-height:1.2}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinner{animation:1s linear infinite spin}.shimmer{background:linear-gradient(90deg, var(--color-background-alt) 25%, var(--color-border) 50%, var(--color-background-alt) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@media (width<=1024px){html{font-size:15px}}@media (width<=768px){html{font-size:14px}}@media (width<=480px){html{font-size:13px}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width>=769px){.show-mobile{display:none!important}}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (width<=1024px){.container{padding:0 20px}}@media (width<=768px){.container{padding:0 16px}}@media (width<=480px){.container{padding:0 12px}}.page-content{width:100%;max-width:1280px;margin:0 auto}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-background-alt) 50%, var(--color-border) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.card-hover{transition:all .2s}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media print{*{color:#000!important;box-shadow:none!important;background:0 0!important}a,a:visited{text-decoration:underline}pre,blockquote{page-break-inside:avoid;border:1px solid #999}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.navbar{-webkit-backdrop-filter:saturate(180%)blur(20px);z-index:1000;background:#fbfbfdb8;border-bottom:1px solid #0000000f;transition:background .32s,border-color .32s,box-shadow .32s;position:fixed;top:0;left:0;right:0}.dark .navbar{background:#0a0a0fcc;border-bottom-color:#1e1e2ecc}.navbar.scrolled{background:#ffffffeb;box-shadow:0 1px #0000000f}.dark .navbar.scrolled{background:#0a0a0ff2;box-shadow:0 1px 20px #0006}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{align-items:center;gap:10px;text-decoration:none;transition:opacity .2s;display:flex}.navbar-logo:hover{opacity:.85}.navbar-logo-icon{width:28px;height:28px;box-shadow:none;border-radius:8px;flex-shrink:0;display:block}.navbar-logo-text{letter-spacing:-.022em;color:#1d1d1f;-webkit-text-fill-color:#1d1d1f;background:0 0;font-size:21px;font-weight:600}.navbar-menu{align-items:center;gap:4px;display:flex}.navbar-menu a{color:#424245;border-radius:980px;padding:6px 12px;font-size:14px;font-weight:400;text-decoration:none;transition:color .2s,background .2s;position:relative}.navbar-menu a:hover{color:#1d1d1f;background:#0000000a}.navbar-menu a:after{display:none}.navbar-actions{align-items:center;gap:8px;display:flex}.theme-toggle{color:var(--color-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.theme-toggle:hover{color:var(--color-primary);background:var(--color-hover)}.btn-text{color:#0071e3;cursor:pointer;background:0 0;border:none;border-radius:980px;padding:8px 16px;font-family:inherit;font-size:17px;font-weight:400;transition:opacity .2s}.btn-text:hover{opacity:.8;background:0 0;border-color:#0000}.btn-primary-sm{color:#fff;cursor:pointer;box-shadow:none;background:#0071e3;border:none;border-radius:980px;padding:8px 16px;font-family:inherit;font-size:17px;font-weight:400;transition:background .2s,opacity .2s}.btn-primary-sm:hover{box-shadow:none;background:#0077ed;transform:none}.navbar-toggle{color:var(--color-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s;display:none}.navbar-toggle:hover{background:var(--color-hover)}@media (width<=768px){.navbar-menu{background:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;flex-direction:column;align-items:stretch;gap:0;padding:12px 16px 20px;transition:all .3s;position:fixed;top:64px;left:0;right:0;transform:translateY(-100%)}.navbar-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.navbar-menu a{border-radius:8px;padding:12px 16px}.navbar-menu a:after,.navbar-actions{display:none}.navbar-toggle{justify-content:center;align-items:center;display:flex}}