@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#111827b3;--bg-card-hover:#1e293bcc;--bg-glass:#ffffff08;--bg-glass-border:#ffffff14;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-blue:#6366f1;--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--accent-green:#10b981;--accent-amber:#f59e0b;--gradient-primary:linear-gradient(135deg,#6366f1,#06b6d4);--gradient-hero:linear-gradient(135deg,#0f172a 0%,#1e1b4b 40%,#0f172a 70%,#042f2e 100%);--gradient-glow:radial-gradient(ellipse at 50% 0%,#6366f126 0%,transparent 60%);--border-subtle:#ffffff0f;--border-card:#ffffff14;--shadow-card:0 4px 24px #0000004d;--shadow-card-hover:0 8px 40px #6366f126;--shadow-glow:0 0 60px #6366f11a;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.header{z-index:100;padding:var(--space-md)0;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:var(--transition-base);background:#0a0e1acc;position:fixed;top:0;left:0;right:0}.header-inner{max-width:1200px;padding:0 var(--space-xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{font-family:var(--font-heading);align-items:center;gap:var(--space-sm);font-size:1.5rem;font-weight:800;display:flex}.logo-icon{background:var(--gradient-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.logo span{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav{align-items:center;gap:var(--space-xl);display:flex}.nav a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.95rem;font-weight:500;position:relative}.nav a:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:width var(--transition-base);border-radius:1px;position:absolute;bottom:-4px;left:0}.nav a:hover{color:var(--text-primary)}.nav a:hover:after{width:100%}.hero{text-align:center;min-height:85vh;padding:var(--space-4xl)var(--space-xl);background:var(--gradient-hero);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.hero-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-particle{background:#6366f14d;border-radius:50%;width:4px;height:4px;animation:20s linear infinite float-particle;position:absolute}.hero-particle:first-child{animation-duration:18s;animation-delay:0s;top:20%;left:10%}.hero-particle:nth-child(2){animation-duration:22s;animation-delay:-5s;top:60%;left:30%}.hero-particle:nth-child(3){animation-duration:16s;animation-delay:-10s;top:30%;left:50%}.hero-particle:nth-child(4){animation-duration:24s;animation-delay:-3s;top:70%;left:70%}.hero-particle:nth-child(5){animation-duration:20s;animation-delay:-8s;top:40%;left:90%}.hero-particle:nth-child(6){animation-duration:19s;animation-delay:-12s;top:80%;left:20%}.hero-particle:nth-child(7){animation-duration:21s;animation-delay:-15s;top:10%;left:60%}.hero-particle:nth-child(8){animation-duration:17s;animation-delay:-7s;top:50%;left:80%}@keyframes float-particle{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)rotate(720deg)}}.hero-content{z-index:1;max-width:800px;position:relative}.hero-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-lg);color:#a5b4fc;margin-bottom:var(--space-xl);background:#6366f11f;border:1px solid #6366f140;border-radius:100px;font-size:.85rem;font-weight:500;animation:.8s fadeInUp;display:inline-flex}.hero-badge-dot{background:#6366f1;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero h1{margin-bottom:var(--space-lg);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;animation:.8s .1s both fadeInUp}.hero h1 .gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-2xl);font-size:clamp(1.05rem,2vw,1.25rem);animation:.8s .2s both fadeInUp}.hero-cta{align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-2xl);background:var(--gradient-primary);color:#fff;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-base);border:none;border-radius:100px;font-size:1rem;font-weight:600;animation:.8s .3s both fadeInUp;display:inline-flex}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section{max-width:1200px;padding:var(--space-4xl)var(--space-xl);margin:0 auto}.section-top{padding-top:calc(80px + var(--space-3xl))}.hero-bg{background:var(--gradient-hero);min-height:50vh;position:relative;overflow:hidden}.hero-bg:before{content:"";background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.section-top-inner{z-index:1;padding-top:calc(80px + var(--space-3xl));position:relative}.section-header{margin-bottom:var(--space-3xl)}.section-header h2{margin-bottom:var(--space-sm);font-size:clamp(1.8rem,3vw,2.5rem)}.section-header p{color:var(--text-secondary);font-size:1.1rem}.section-divider{background:var(--gradient-primary);width:60px;height:3px;margin-top:var(--space-md);border-radius:2px}.articles-grid{gap:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.article-card{cursor:pointer;color:inherit;background:#ffffff08;border-radius:0;flex-direction:column;gap:0;text-decoration:none;display:flex}.article-card-image{aspect-ratio:16/10;background:#1e293b99;border-radius:0;width:100%;position:relative;overflow:hidden}.article-card-image img{transition:transform .45s}.article-card:hover .article-card-image img{transform:scale(1.04)}.article-card-image-placeholder{background:linear-gradient(135deg,#6366f11a,#06b6d41a);width:100%;height:100%}.article-card-body{padding:var(--space-lg)var(--space-xl)var(--space-xl)var(--space-xl);gap:var(--space-sm);flex-direction:column;display:flex}.article-card-category{letter-spacing:.1em;text-transform:uppercase;color:#818cf8;font-size:.72rem;font-weight:700}.article-card h3{color:var(--text-primary);transition:color var(--transition-fast);margin:0;font-size:1.35rem;font-weight:800;line-height:1.35}.article-card:hover h3{color:#c7d2fe}.article-card-meta{color:var(--text-muted);margin-top:var(--space-sm);align-items:center;gap:8px;font-size:.85rem;display:flex}.article-card-dot{opacity:.5}.category-badge{padding:var(--space-xs)var(--space-md);letter-spacing:.02em;text-transform:uppercase;border-radius:100px;align-items:center;font-size:.78rem;font-weight:600;display:inline-flex}.date-text{color:var(--text-muted);font-size:.82rem}.categories-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.category-card{align-items:center;gap:var(--space-md);padding:var(--space-lg)var(--space-xl);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);cursor:pointer;display:flex}.category-card:hover{box-shadow:var(--shadow-card-hover);border-color:#6366f14d;transform:translateY(-3px)}.category-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.category-card span{font-size:.95rem;font-weight:600}.newsletter-section{max-width:1200px;padding:0 var(--space-xl)var(--space-4xl);margin:0 auto;display:none}.newsletter{background:var(--gradient-hero);border-radius:var(--radius-xl);padding:var(--space-4xl);text-align:center;border:1px solid #6366f133;position:relative;overflow:hidden}.newsletter:before{content:"";background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.newsletter-content{z-index:1;position:relative}.newsletter h2{margin-bottom:var(--space-md);font-size:clamp(1.5rem,3vw,2.2rem)}.newsletter p{color:var(--text-secondary);margin-bottom:var(--space-2xl);font-size:1.05rem}.newsletter-form{gap:var(--space-md);max-width:480px;margin:0 auto;display:flex}.newsletter-input{padding:var(--space-md)var(--space-lg);color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);transition:border-color var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:100px;outline:none;flex:1}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-input:focus{border-color:#6366f180}.newsletter-btn{padding:var(--space-md)var(--space-2xl);background:var(--gradient-primary);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;transition:transform var(--transition-fast),box-shadow var(--transition-base);border:none;border-radius:100px}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.footer{border-top:1px solid var(--border-subtle);padding:var(--space-xl)0;background:#0003}.footer-bottom{max-width:1200px;padding:0 var(--space-xl);text-align:center;color:var(--text-muted);margin:0 auto;font-size:.85rem}.article-page{max-width:780px;padding:calc(80px + var(--space-3xl))var(--space-xl)var(--space-4xl);margin:0 auto}.article-page-back{align-items:center;gap:var(--space-sm);color:var(--text-secondary);margin-bottom:var(--space-2xl);transition:color var(--transition-fast);font-size:.9rem;display:inline-flex}.article-page-back:hover{color:var(--text-primary)}.article-page-meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.article-page h1{margin-bottom:var(--space-lg);font-size:clamp(2rem,4vw,3rem);line-height:1.15}.article-page-excerpt{color:var(--text-secondary);margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--border-subtle);font-size:1.2rem;line-height:1.7}.article-page-hero-image{border-radius:var(--radius-lg);width:100%;height:360px;margin-bottom:var(--space-sm);background:linear-gradient(135deg,#6366f11f,#06b6d41f);justify-content:center;align-items:center;font-size:4rem;display:flex}.article-page-hero-caption{text-align:center;margin-bottom:var(--space-lg);color:var(--text-muted);letter-spacing:.01em;font-size:.88rem}.article-byline{align-items:center;gap:var(--space-sm);padding:var(--space-md)0;margin-bottom:var(--space-2xl);border-bottom:1px solid var(--border-subtle);display:flex}.article-byline-name{color:var(--text-primary);font-size:.92rem;font-weight:700}.article-byline-sep,.article-byline-date{color:var(--text-muted);font-size:.82rem}.article-content{color:var(--text-secondary);font-size:1.05rem;line-height:1.85}.article-content h2{color:var(--text-primary);margin-top:var(--space-3xl);margin-bottom:var(--space-lg);font-size:1.6rem}.article-content h3{color:var(--text-primary);margin-top:var(--space-2xl);margin-bottom:var(--space-md);font-size:1.25rem}.article-content p{margin-bottom:var(--space-lg)}.article-content ul,.article-content ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.article-content li{margin-bottom:var(--space-sm)}.article-content strong{color:var(--text-primary);font-weight:600}.about-page{max-width:780px;padding:calc(80px + var(--space-3xl))var(--space-xl)var(--space-4xl);margin:0 auto}.about-page h1{margin-bottom:var(--space-lg);font-size:clamp(2rem,4vw,3rem)}.about-page h1 .gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-intro{color:var(--text-secondary);margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--border-subtle);font-size:1.2rem;line-height:1.7}.about-section{margin-bottom:var(--space-3xl)}.about-section h2{margin-bottom:var(--space-lg);align-items:center;gap:var(--space-md);font-size:1.6rem;display:flex}.about-section p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:1.05rem;line-height:1.85}.values-grid{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.value-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:var(--space-xl);transition:transform var(--transition-base),border-color var(--transition-base)}.value-card:hover{border-color:#6366f133;transform:translateY(-3px)}.value-card-icon{margin-bottom:var(--space-md);font-size:2rem}.value-card h3{margin-bottom:var(--space-sm);font-size:1.1rem}.value-card p{color:var(--text-secondary);margin-bottom:0;font-size:.92rem}@media (max-width:768px){.header-inner{padding:0 var(--space-md)}.nav{gap:var(--space-md)}.hero{min-height:70vh;padding:var(--space-3xl)var(--space-md)}.section{padding:var(--space-3xl)var(--space-md)}.articles-grid{grid-template-columns:1fr}.newsletter{padding:var(--space-2xl)}.newsletter-form{flex-direction:column}.footer-inner{gap:var(--space-2xl);grid-template-columns:1fr}.categories-grid{grid-template-columns:1fr 1fr}.values-grid{grid-template-columns:1fr}}@media (max-width:480px){.nav a{font-size:.85rem}.categories-grid{grid-template-columns:1fr}}.table-responsive{width:100%;margin:var(--space-2xl)0;overflow-x:auto}.markdown-table{border-collapse:collapse;text-align:left;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:100%;overflow:hidden}.markdown-table th{font-family:var(--font-heading);padding:var(--space-sm)var(--space-md);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);background:#ffffff0d;font-size:.95rem;font-weight:600}.markdown-table td{padding:var(--space-sm)var(--space-md);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.95rem}.markdown-table tr:last-child td{border-bottom:none}