@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box}:root{color-scheme:light;--background: 245 247 251;--foreground: 15 23 42;--primary: 139 92 246;--primary-foreground: 255 255 255;--secondary: 233 238 245;--secondary-foreground: 15 23 42;--muted: 235 239 244;--muted-foreground: 100 116 139;--accent: 225 230 238;--accent-foreground: 15 23 42;--destructive: 239 68 68;--card: 250 251 253;--card-foreground: 15 23 42;--popover: 250 251 253;--popover-foreground: 15 23 42;--border: 210 217 226;--ring: 139 92 246;--chart-1: 52 211 153;--chart-2: 251 191 36;--chart-3: 96 165 250;--chart-4: 192 132 252;--chart-5: 251 113 133;--light-purple: 124 58 237;--pink: 236 72 153}.dark{color-scheme:dark;--background: 0 0 0;--foreground: 255 255 255;--primary: 167 139 250;--primary-foreground: 255 255 255;--secondary: 15 15 15;--secondary-foreground: 255 255 255;--muted: 23 23 23;--muted-foreground: 163 163 163;--accent: 26 26 26;--accent-foreground: 255 255 255;--destructive: 248 113 113;--card: 10 10 10;--card-foreground: 255 255 255;--popover: 10 10 10;--popover-foreground: 255 255 255;--border: 38 38 38;--ring: 167 139 250;--chart-1: 52 211 153;--chart-2: 251 191 36;--chart-3: 96 165 250;--chart-4: 192 132 252;--chart-5: 251 113 133;--light-purple: 147 136 219;--pink: 255 61 105}body{margin:0;font-family:Instrument Sans,sans-serif;color:rgb(var(--foreground));background:rgb(var(--background));line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color .2s ease}img{max-width:100%;height:auto}.container{max-width:1280px;margin:0 auto;padding:0 16px}@media(min-width:640px){.container{padding:0 24px}}@media(min-width:1024px){.container{padding:0 32px}}.site-header{position:sticky;top:0;z-index:30;background:rgb(var(--background) / .9);border-bottom:1px solid rgb(var(--border));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}@media(min-width:640px){.header-content{padding:20px 0}}.header-left{display:flex;align-items:center;gap:12px}.header-actions{display:flex;align-items:center;gap:8px}@media(min-width:640px){.header-actions{gap:12px}}.logo{display:flex;align-items:center;gap:8px;text-decoration:none}@media(min-width:640px){.logo{gap:12px}}.logo-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgb(var(--muted) / .6);border:1px solid rgb(var(--border))}@media(min-width:640px){.logo-icon{width:40px;height:40px}}.logo-icon img{width:24px;height:24px}@media(min-width:640px){.logo-icon img{width:32px;height:32px}}.logo-text{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(to right,rgb(var(--foreground)),rgb(var(--foreground) / .6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:640px){.logo-text{font-size:1.5rem}}.header-nav{display:none;align-items:center;gap:24px}@media(min-width:768px){.header-nav{display:flex}}.header-nav a{font-size:.875rem;font-weight:600;color:rgb(var(--muted-foreground));transition:all .2s ease;white-space:nowrap}.header-nav a:hover{color:rgb(var(--foreground))}.nav-cta{display:none;align-items:center;gap:6px;padding:8px 16px;border-radius:12px;background:linear-gradient(to right,#9333ea,#ec4899);color:#fff!important;font-size:.875rem;font-weight:600;transition:all .2s ease;box-shadow:0 4px 16px #9333ea40}@media(min-width:768px){.nav-cta{display:inline-flex}}.nav-cta:hover{box-shadow:0 6px 24px #9333ea66;transform:translateY(-1px)}.site-footer{border-top:1px solid rgb(var(--border));background:rgb(var(--background) / .8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}@media(min-width:768px){.footer-content{flex-direction:row;padding:32px 0}}.footer-copyright{font-size:.75rem;color:rgb(var(--muted-foreground));text-align:center}@media(min-width:640px){.footer-copyright{font-size:.875rem;text-align:left}}.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}@media(min-width:640px){.footer-links{gap:24px}}.footer-links a{font-size:.75rem;color:rgb(var(--muted-foreground));transition:color .2s ease}@media(min-width:640px){.footer-links a{font-size:.875rem}}.footer-links a:hover{color:rgb(var(--primary))}.site-main{flex:1;padding:24px 0 48px}@media(min-width:640px){.site-main{padding:32px 0 64px}}.hero{display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgb(var(--primary) / .1),rgb(var(--card)),rgb(var(--chart-4) / .1));border:1px solid rgb(var(--border));padding:32px;border-radius:24px}@media(min-width:640px){.hero{padding:40px}}.hero:before{content:"";position:absolute;top:-50%;right:-30%;width:400px;height:400px;background:rgb(var(--primary) / .08);border-radius:50%;filter:blur(80px);pointer-events:none}.hero h1{margin-top:10px;margin-bottom:12px;font-size:1.875rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(to right,rgb(var(--primary)),rgb(var(--chart-4)),rgb(var(--primary)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:640px){.hero h1{font-size:2.5rem}}.hero p{color:rgb(var(--muted-foreground));font-size:1rem;line-height:1.6}@media(min-width:640px){.hero p{font-size:1.125rem}}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:600;color:rgb(var(--primary));margin:0}.hero-stats{display:grid;gap:12px;min-width:180px}.stat-card{background:rgb(var(--card));border:1px solid rgb(var(--border));border-radius:16px;padding:14px 18px;box-shadow:0 4px 12px rgb(var(--foreground) / .04);transition:all .2s ease}.stat-card:hover{box-shadow:0 8px 24px rgb(var(--foreground) / .08);transform:translateY(-1px)}.stat-card strong{display:block;font-size:1.25rem;font-weight:700;color:rgb(var(--primary))}.stat-card span{font-size:.8rem;color:rgb(var(--muted-foreground))}.section{margin-top:48px}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}.section-header h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}@media(min-width:640px){.section-header h2{font-size:1.875rem}}.section-header p{color:rgb(var(--muted-foreground));margin:0;font-size:.9rem}.featured-grid{display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:640px){.featured-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.featured-card{display:block;text-decoration:none;position:relative;overflow:hidden;padding:28px;border-radius:20px;background:linear-gradient(135deg,#9333ea,#ec4899);color:#fff;box-shadow:0 8px 32px #9333ea4d;transition:all .3s ease;cursor:pointer}.dark .featured-card{background:linear-gradient(135deg,rgb(var(--primary) / .9),rgb(var(--card)));box-shadow:0 8px 32px #0006}.featured-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #9333ea66}.featured-card:before{content:"";position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:#ffffff14;border-radius:50%;filter:blur(40px);pointer-events:none}.featured-card-image{width:100%;height:160px;object-fit:cover;border-radius:12px;margin-bottom:16px;opacity:.9}.featured-card h3{margin-top:8px;margin-bottom:12px;font-size:1.2rem;font-weight:700;line-height:1.4}.featured-description{color:#ffffffd9;font-size:.9rem;line-height:1.6}.featured-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:#fff3;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(4px)}.post-list{display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:640px){.post-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.post-card{display:block;text-decoration:none;color:inherit;background:rgb(var(--card));border:1px solid rgb(var(--border));padding:24px;border-radius:16px;box-shadow:0 4px 12px rgb(var(--foreground) / .04);transition:all .3s ease;cursor:pointer}.post-card:hover{box-shadow:0 8px 32px rgb(var(--foreground) / .08);transform:translateY(-2px);border-color:rgb(var(--primary) / .3)}.post-card-image{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:16px}.post-card h3{margin-top:0;margin-bottom:12px;font-size:1.1rem;font-weight:700;line-height:1.4;letter-spacing:-.01em;color:rgb(var(--foreground))}.post-card>p{color:rgb(var(--muted-foreground));font-size:.9rem;line-height:1.6;margin:0 0 16px}.post-meta{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:rgb(var(--muted-foreground));margin-top:16px;padding-top:16px;border-top:1px solid rgb(var(--border))}.read-more{font-weight:600;color:rgb(var(--primary));transition:all .2s ease}.read-more:hover{text-decoration:underline;text-underline-offset:3px}.article{max-width:800px;margin:0 auto;background:rgb(var(--card));border:1px solid rgb(var(--border));padding:32px;border-radius:24px;box-shadow:0 4px 20px rgb(var(--foreground) / .06)}@media(min-width:640px){.article{padding:48px}}.article-back{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:rgb(var(--muted-foreground));transition:color .2s ease;margin-bottom:24px}.article-back:hover{color:rgb(var(--primary))}.article-back:before{content:"←"}.article-image{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:16px;margin-bottom:24px}.article h1{font-size:1.875rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-top:0;margin-bottom:12px}@media(min-width:640px){.article h1{font-size:2.25rem}}.article>p:first-of-type{color:rgb(var(--muted-foreground));font-size:1.05rem;line-height:1.6}.article a{color:rgb(var(--primary));transition:all .2s ease}.article a:hover{text-decoration:underline;text-underline-offset:3px}.article time{display:inline-block;color:rgb(var(--muted-foreground));font-size:.85rem;margin-bottom:24px}.article hr{border:none;height:1px;background:rgb(var(--border));margin:24px 0}.article h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-top:32px;margin-bottom:16px}.article h3{font-size:1.25rem;font-weight:600;margin-top:24px;margin-bottom:12px}.article p{margin:0 0 16px;line-height:1.8}.article ul,.article ol{padding-left:24px;margin:0 0 16px}.article li{margin-bottom:8px;line-height:1.7}.article blockquote{border-left:3px solid rgb(var(--primary));margin:24px 0;padding:16px 24px;background:rgb(var(--muted) / .5);border-radius:0 12px 12px 0;color:rgb(var(--muted-foreground));font-style:italic}.article code{background:rgb(var(--muted));padding:2px 6px;border-radius:6px;font-size:.85em}.article pre{background:rgb(var(--secondary));border:1px solid rgb(var(--border));border-radius:12px;padding:20px;overflow-x:auto;margin:24px 0}.article pre code{background:none;padding:0}.article strong{font-weight:700;color:rgb(var(--foreground))}.lang-dropdown{position:relative}.lang-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid rgb(var(--border) / .6);background:transparent;cursor:pointer;transition:all .2s ease;color:rgb(var(--foreground));font-family:inherit;font-size:.875rem}.lang-dropdown-trigger:hover{background:rgb(var(--muted) / .6);border-color:rgb(var(--border))}.lang-globe-icon{width:16px;height:16px;color:rgb(var(--muted-foreground))}.lang-dropdown-code{font-size:.8rem;font-weight:500;color:rgb(var(--foreground) / .8)}.lang-arrow-icon{width:12px;height:12px;color:rgb(var(--muted-foreground))}.lang-dropdown-menu{position:absolute;right:0;top:100%;margin-top:8px;width:200px;background:rgb(var(--popover) / .95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgb(var(--border) / .7);border-radius:12px;box-shadow:0 16px 48px #00000026;opacity:0;visibility:hidden;transform:translateY(4px);transition:all .2s ease;overflow:hidden;z-index:50}.dark .lang-dropdown-menu{box-shadow:0 16px 48px #0006}.lang-dropdown:hover .lang-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.lang-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:.875rem;color:rgb(var(--muted-foreground));transition:all .15s ease;text-decoration:none}.lang-dropdown-item:hover{background:rgb(var(--muted) / .5);color:rgb(var(--foreground))}.lang-dropdown-item.active{background:rgb(var(--primary) / .15);color:rgb(var(--primary));font-weight:600}.lang-dropdown-item-code{font-size:.7rem;font-weight:700;color:rgb(var(--muted-foreground) / .7);min-width:20px}.lang-dropdown-item.active .lang-dropdown-item-code{color:rgb(var(--primary) / .7)}.lang-check-icon{width:16px;height:16px;margin-left:auto;color:rgb(var(--primary))}.theme-toggle{position:relative;display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgb(var(--border));background:rgb(var(--muted) / .6);padding:4px;cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background:rgb(var(--muted))}.theme-toggle-slider{position:absolute;left:4px;top:4px;width:28px;height:28px;border-radius:50%;background:rgb(var(--card));box-shadow:0 1px 3px #00000026;transition:transform .25s ease}.dark .theme-toggle-slider{transform:translate(30px)}.theme-toggle-icon{position:relative;z-index:1;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--muted-foreground));transition:color .2s ease}.theme-toggle-icon.active{color:rgb(var(--primary))}@media(max-width:900px){.hero{flex-direction:column;align-items:flex-start}.hero-stats{width:100%;grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.section-header{flex-direction:column;align-items:flex-start;gap:8px}}