:root{--color-bg-primary: #0a0f1c;--color-bg-secondary: #111827;--color-bg-tertiary: #1a2234;--color-bg-card: #151c2c;--color-bg-hover: #1e2a3e;--color-accent-primary: #4f6ef7;--color-accent-secondary: #6366f1;--color-accent-gold: #f5a623;--color-accent-purple: #8b5cf6;--color-accent-teal: #14b8a6;--color-text-primary: #ffffff;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-accent: #4f6ef7;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--gradient-primary: linear-gradient(135deg, #4f6ef7 0%, #8b5cf6 100%);--gradient-hero: linear-gradient(180deg, transparent 0%, rgba(10, 15, 28, .8) 60%, rgba(10, 15, 28, .95) 100%);--gradient-card: linear-gradient(145deg, rgba(31, 41, 55, .5) 0%, rgba(17, 24, 39, .8) 100%);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .8rem + .375vw, 1rem);--font-size-base: clamp(1rem, .925rem + .375vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1rem + .625vw, 1.375rem);--font-size-xl: clamp(1.25rem, 1.1rem + .75vw, 1.625rem);--font-size-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2.25rem);--font-size-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 3rem);--font-size-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 4rem);--font-size-hero: clamp(2.5rem, 2rem + 2.5vw, 4.5rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container-max-width: 1400px;--container-padding: clamp(1rem, 5vw, 2rem);--header-height: 80px;--sidebar-width: 380px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(79, 110, 247, .3);--shadow-card: 0 4px 20px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-slower: .5s ease;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #4f6ef74d}50%{box-shadow:0 0 20px #4f6ef799}}.animate-fade-in{animation:fadeIn var(--transition-base) var(--ease-out) forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) var(--ease-out) forwards}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) var(--ease-out) forwards}.animate-fade-in-left{animation:fadeInLeft var(--transition-slow) var(--ease-out) forwards}.animate-fade-in-right{animation:fadeInRight var(--transition-slow) var(--ease-out) forwards}.animate-slide-in-up{animation:slideInUp var(--transition-slow) var(--ease-out) forwards}.animate-scale-in{animation:scaleIn var(--transition-base) var(--ease-out) forwards}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s var(--ease-in-out) infinite}.animate-float{animation:float 3s var(--ease-in-out) infinite}.animate-glow{animation:glow 2s var(--ease-in-out) infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-hover) 37%,var(--color-bg-tertiary) 63%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-title{height:1.5em;width:80%;margin-bottom:.75em}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-image{width:100%;aspect-ratio:16/9}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-brightness{transition:filter var(--transition-base)}.hover-brightness:hover{filter:brightness(1.1)}.image-zoom{overflow:hidden}.image-zoom img{transition:transform var(--transition-slower)}.image-zoom:hover img{transform:scale(1.05)}.btn-hover{position:relative;overflow:hidden}.btn-hover:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:var(--radius-full);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.btn-hover:hover:after{width:300px;height:300px}.link-animated{position:relative;text-decoration:none}.link-animated:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-accent-primary);transition:width var(--transition-base)}.link-animated:hover:after{width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*: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-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-hero);font-weight:var(--font-weight-black)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-secondary)}strong,b{font-weight:var(--font-weight-semibold)}small{font-size:var(--font-size-sm)}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}img{object-fit:cover}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}input,textarea{outline:none}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--space-16) 0}.section-sm{padding:var(--space-8) 0}.section-lg{padding:var(--space-24) 0}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent-primary)}.text-gold{color:var(--color-accent-gold)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.pt-4{padding-top:var(--space-4)}.pt-8{padding-top:var(--space-8)}.pb-4{padding-bottom:var(--space-4)}.pb-8{padding-bottom:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-bg-hover)}.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary)}.btn-outline{background:transparent;color:var(--color-accent-primary);border:2px solid var(--color-accent-primary)}.btn-outline:hover{background:var(--color-accent-primary);color:var(--color-text-primary)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.card:hover{background:var(--color-bg-hover);transform:translateY(-4px);box-shadow:var(--shadow-card)}.card-body{padding:var(--space-5)}.badge{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);border-radius:var(--radius-sm);background:var(--color-accent-primary);color:var(--color-text-primary)}.badge-gold{background:var(--color-accent-gold);color:var(--color-bg-primary)}.badge-purple{background:var(--color-accent-purple)}.badge-outline{background:transparent;border:1px solid currentColor}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-bg-hover),transparent);margin:var(--space-8) 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-accent-primary);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}main{flex:1;padding-top:var(--header-height)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#0a0f1cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-bg-tertiary);z-index:var(--z-sticky);transition:all var(--transition-base)}.header.scrolled{background:#0a0f1cfa;box-shadow:var(--shadow-lg)}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);text-decoration:none;letter-spacing:var(--letter-spacing-tight)}.logo-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-black);font-size:var(--font-size-lg)}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-text span:first-child{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-accent-gold);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest)}.logo-image{height:45px;width:auto;object-fit:contain}.nav{display:flex;align-items:center;gap:var(--space-1)}.nav-link{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.mobile-menu-btn{display:none;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:none;cursor:pointer}.mobile-menu-btn span{display:block;width:24px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all var(--transition-fast)}.mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--color-bg-primary);padding:var(--space-6);transform:translate(100%);transition:transform var(--transition-base);overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-nav{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav-link{display:block;padding:var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-nav-link:hover{background:var(--color-bg-tertiary);color:var(--color-accent-primary)}@media(max-width:1024px){.nav{display:none}.mobile-menu-btn{display:flex}}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-bg-tertiary);padding:var(--space-12) 0 var(--space-6)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-8)}.footer-brand{max-width:300px}.footer-brand p{margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--space-4)}.footer-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-link{font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-accent-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-6);border-top:1px solid var(--color-bg-tertiary)}.footer-copyright{font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer-social{display:flex;gap:var(--space-4)}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast)}.footer-social a:hover{background:var(--color-accent-primary);color:var(--color-text-primary);transform:translateY(-2px)}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}.footer-brand{grid-column:span 2;max-width:none}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}}.hero{position:relative;height:70vh;min-height:500px;max-height:800px;overflow:hidden;border-radius:var(--radius-xl);margin-bottom:var(--space-8)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slower)}.hero:hover .hero-image{transform:scale(1.03)}.hero-overlay{position:absolute;inset:0;background:var(--gradient-hero)}.hero-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-8);z-index:1}.hero-category{margin-bottom:var(--space-4)}.hero-title{font-size:var(--font-size-hero);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);margin-bottom:var(--space-4);max-width:800px}.hero-excerpt{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin-bottom:var(--space-4)}.hero-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.hero-author{display:flex;align-items:center;gap:var(--space-2)}.hero-author img{width:32px;height:32px;border-radius:var(--radius-full)}@media(max-width:768px){.hero{height:50vh;min-height:400px}.hero-content{padding:var(--space-5)}.hero-title{font-size:var(--font-size-2xl)}}.article-card{display:flex;flex-direction:column;background:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);height:100%}.article-card:hover{background:var(--color-bg-hover);transform:translateY(-4px);box-shadow:var(--shadow-card)}.article-card-image{position:relative;aspect-ratio:16/10;overflow:hidden}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slower)}.article-card:hover .article-card-image img{transform:scale(1.05)}.article-card-body{display:flex;flex-direction:column;flex:1;padding:var(--space-5)}.article-card-category{margin-bottom:var(--space-3)}.article-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card-title a{color:var(--color-text-primary);text-decoration:none}.article-card-title a:hover{color:var(--color-accent-primary)}.article-card-excerpt{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted)}.article-card-author{display:flex;align-items:center;gap:var(--space-2)}.article-card-author img{width:28px;height:28px;border-radius:var(--radius-full)}.article-card-compact{display:flex;gap:var(--space-4);padding:var(--space-4);background:transparent;border-radius:var(--radius-md);transition:all var(--transition-fast)}.article-card-compact:hover{background:var(--color-bg-tertiary)}.article-card-compact .article-card-image{flex-shrink:0;width:100px;aspect-ratio:1;border-radius:var(--radius-md)}.article-card-compact .article-card-body{padding:0;justify-content:center}.article-card-compact .article-card-title{font-size:var(--font-size-base);margin-bottom:var(--space-2);-webkit-line-clamp:2;line-clamp:2}.trending-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-bg-tertiary)}.trending-item:last-child{border-bottom:none}.trending-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-accent-gold)}.trending-content{flex:1}.trending-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin-bottom:var(--space-2)}.trending-title a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.trending-title a:hover{color:var(--color-accent-primary)}.trending-author{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.trending-author img{width:24px;height:24px;border-radius:var(--radius-full)}.newsletter{background:var(--gradient-card);border:1px solid var(--color-bg-hover);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center}.newsletter-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}.newsletter-text{color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}.newsletter-form{display:flex;gap:var(--space-3);max-width:400px;margin:0 auto}.newsletter-input{flex:1;padding:var(--space-3) var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-bg-hover);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.newsletter-input:focus{border-color:var(--color-accent-primary)}.newsletter-input::placeholder{color:var(--color-text-muted)}@media(max-width:480px){.newsletter-form{flex-direction:column}}.podcast-card{display:flex;align-items:center;gap:var(--space-6);background:var(--color-accent-primary);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-8)}.podcast-image{flex-shrink:0;width:120px;height:120px;border-radius:var(--radius-lg);overflow:hidden}.podcast-image img{width:100%;height:100%;object-fit:cover}.podcast-content{flex:1}.podcast-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);opacity:.8;margin-bottom:var(--space-2)}.podcast-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.podcast-description{font-size:var(--font-size-sm);opacity:.9;margin-bottom:0}.podcast-play{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-text-primary);border-radius:var(--radius-full);color:var(--color-accent-primary);font-size:var(--font-size-xl);transition:all var(--transition-fast);cursor:pointer}.podcast-play:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}@media(max-width:640px){.podcast-card{flex-direction:column;text-align:center}.podcast-play{margin-top:var(--space-4)}}.sidebar{position:sticky;top:calc(var(--header-height) + var(--space-6))}.sidebar-section{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.sidebar-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-text-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-bg-tertiary)}.home-layout{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--space-8)}.home-main{min-width:0}@media(max-width:1200px){.home-layout{grid-template-columns:1fr}.sidebar{position:static}}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}@media(max-width:480px){.article-grid{grid-template-columns:1fr}}.category-header{margin-bottom:var(--space-8)}.category-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-3)}.category-description{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:600px}.article-page{max-width:800px;margin:0 auto}.article-header{margin-bottom:var(--space-8)}.article-header .badge{margin-bottom:var(--space-4)}.article-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.article-featured-image{width:100%;aspect-ratio:16/9;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-8)}.article-featured-image img{width:100%;height:100%;object-fit:cover}.article-content{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.article-content p{margin-bottom:var(--space-6);color:var(--color-text-secondary)}.article-content h2{font-size:var(--font-size-2xl);margin-top:var(--space-10);margin-bottom:var(--space-4)}.article-content h3{font-size:var(--font-size-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.article-content ul,.article-content ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.article-content li{margin-bottom:var(--space-2);color:var(--color-text-secondary)}.article-content ul li{list-style:disc}.article-content ol li{list-style:decimal}.article-content blockquote{margin:var(--space-8) 0;padding:var(--space-4) var(--space-6);border-left:4px solid var(--color-accent-primary);background:var(--color-bg-tertiary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}.article-content blockquote p{margin-bottom:0}.author-box{display:flex;gap:var(--space-5);padding:var(--space-6);background:var(--color-bg-card);border-radius:var(--radius-lg);margin-top:var(--space-10)}.author-box img{width:80px;height:80px;border-radius:var(--radius-full)}.author-box-content h4{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.author-box-content p{font-size:var(--font-size-sm);margin-bottom:0}.related-articles{margin-top:var(--space-12)}.related-articles h3{font-size:var(--font-size-xl);margin-bottom:var(--space-6)}.loading-container{display:flex;align-items:center;justify-content:center;min-height:50vh}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;width:100%;gap:var(--space-4)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-bg-tertiary);border-top-color:var(--color-accent-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto}.loading-spinner+.loading-text{color:var(--color-text-secondary);font-size:var(--font-size-base);text-align:center}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-8)}.not-found h1{font-size:8rem;font-weight:var(--font-weight-black);color:var(--color-accent-primary);margin-bottom:var(--space-4)}.not-found h2{margin-bottom:var(--space-4)}.not-found p{color:var(--color-text-muted);margin-bottom:var(--space-6)}