@import"https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800&family=Outfit:wght@200;300;400;500;600;700;800;900&display=swap";:root{--primary: #007aff;--bg-main: #f5f5f7;--bg-pure: #ffffff;--text-main: #1d1d1f;--text-sub: #86868b;--border-light: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4);--shadow-premium: 0 4px 24px rgba(0, 0, 0, .04);--shadow-hover: 0 12px 48px rgba(0, 0, 0, .08);--accent-green: #34c759}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5}.container-main{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:var(--shadow-premium);transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);background:var(--bg-pure)}.grid-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}button{transition:all .2s cubic-bezier(.16,1,.3,1)}button:active{transform:scale(.96)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}.article-content{font-family:Lexend,sans-serif;line-height:1.8;color:#1d1d1f;max-width:800px;margin:0 auto;padding:1rem 0}.article-content h1,.article-content h2{color:var(--text-main);margin-top:3rem}.article-content code{font-family:JetBrains Mono,monospace;background:#f5f5f7;padding:.2rem .4rem;border-radius:6px;color:var(--primary);font-size:.9em}.article-content .article-content pre{background:#1d1d1f;color:#f5f5f7;padding:1.5rem;border-radius:12px;overflow-x:auto}.article-content ::-webkit-scrollbar{width:8px}.article-content ::-webkit-scrollbar-track{background:transparent}.article-content ::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.article-content ::-webkit-scrollbar-thumb:hover{background:#0003}@media print{body{background-color:#fff!important;color:#000!important}nav,footer,.hub-header,button,.no-print{display:none!important}.container-main{max-width:100%!important;padding:0!important;margin:0!important}.glass-panel{box-shadow:none!important;border:none!important;background:none!important;padding:0!important}.article-content{max-width:100%!important;column-count:2;column-gap:2rem}@page{margin:2cm}}