:root{--color-dark-900: hsl(240, 20%, 5%);--color-dark-800: hsl(240, 18%, 9%);--color-dark-700: hsl(240, 17%, 12%);--color-dark-600: hsl(240, 14%, 16%);--color-dark-500: hsl(240, 12%, 20%);--color-accent-purple: hsl(258, 90%, 66%);--color-accent-blue: hsl(217, 91%, 60%);--color-accent-cyan: hsl(189, 94%, 43%);--color-accent-pink: hsl(330, 81%, 60%);--color-text-base: hsl(214, 32%, 91%);--color-text-muted: hsl(218, 11%, 65%);--color-text-subtle: hsl(220, 9%, 46%);--color-text-light: hsl(216, 12%, 84%);--color-text-tag: hsl(255, 92%, 76%);--color-bg: var(--color-dark-900);--color-surface: var(--color-dark-800);--color-surface-alt: var(--color-dark-700);--color-border: var(--color-dark-600);--color-border-muted: var(--color-dark-500);--color-main: var(--color-accent-purple);--color-accent: var(--color-accent-blue);--color-highlight: var(--color-accent-cyan);--color-pop: var(--color-accent-pink);--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-72: 18rem;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-5xl: 3rem;--text-7xl: 4.5rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-super-relaxed: 1.8;--leading-loose: 2;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-glow: 0 0 20px rgba(139, 92, 246, .3), 0 0 40px rgba(139, 92, 246, .1);--shadow-card-hover: 0 20px 40px rgba(139, 92, 246, .2), 0 0 30px rgba(139, 92, 246, .1);--gradient-brand: linear-gradient(135deg, var(--color-accent-purple) 0%, var(--color-accent-blue) 50%, var(--color-accent-cyan) 100%);--gradient-brand-h: linear-gradient(90deg, var(--color-accent-purple), var(--color-accent-blue), var(--color-accent-cyan));--gradient-hero-bg: linear-gradient(to bottom, rgba(139, 92, 246, .05), transparent);--z-progress: 100;--z-nav: 50;--transition-fast: all .1s;--transition-base: all .3s;--transition-slow: all .4s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth;hanging-punctuation:first last}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--color-text-base);background-color:var(--color-bg);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);text-wrap:balance}p,li,figcaption{text-wrap:pretty;max-width:70ch}:is(header,nav,footer,section,article,aside,div)>p{max-width:unset}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}strong,b{font-weight:var(--font-semibold)}small{font-size:var(--text-xs)}ul,ol{list-style:none}:is(article,.prose) :is(ul,ol){list-style:revert;padding-inline-start:var(--space-6)}img,video,svg,canvas,picture{display:block;max-width:100%}img,video{height:auto;object-fit:cover}svg{fill:currentColor;flex-shrink:0}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3)}textarea{resize:vertical;field-sizing:content}code,kbd,samp,pre{font-family:var(--font-mono);font-size:var(--text-sm)}pre{overflow-x:auto;background-color:var(--color-surface);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);padding:var(--space-4)}code:not(pre>code){background-color:var(--color-surface);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);padding:.1em .35em}table{border-collapse:collapse;width:100%}th,td{padding:var(--space-2) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:var(--font-semibold);color:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-main);outline-offset:3px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}*{scrollbar-width:thin;scrollbar-color:var(--color-main) var(--color-surface-alt)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-alt)}::-webkit-scrollbar-thumb{background:var(--color-main);border-radius:var(--radius-full)}::selection{background-color:color-mix(in srgb,var(--color-main) 30%,transparent);color:inherit}hr{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-8)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{body{background:#fff;color:#000}nav,aside,footer,.no-print{display:none}a[href]:after{content:" (" attr(href) ")";font-size:var(--text-xs);color:gray}}.container{width:100%;max-width:80rem;margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:640px){.container{padding-inline:var(--space-6)}}@media(min-width:1024px){.container{padding-inline:var(--space-8)}}.container-sm{width:100%;max-width:56rem;margin-inline:auto;padding-inline:var(--space-4)}.section{padding-block:var(--space-16)}.section-sm{padding-block:var(--space-12)}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-accent{color:var(--color-main)}.heading{font-weight:var(--font-bold);line-height:var(--leading-tight);text-wrap:balance}.surface{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl)}.surface-dim{background-color:color-mix(in srgb,var(--color-surface) 50%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.glass{background-color:color-mix(in srgb,var(--color-surface) 60%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border)}.grid-bg{background-image:linear-gradient(color-mix(in srgb,var(--color-main) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-main) 5%,transparent) 1px,transparent 1px);background-size:50px 50px}.glow{box-shadow:var(--shadow-glow)}.card-glow{transition:var(--transition-slow)}.card-glow:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.glow-border{position:relative;isolation:isolate}.glow-border:before{content:"";position:absolute;inset:-1px;background:var(--gradient-brand);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-base)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15em var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-normal);background-color:color-mix(in srgb,var(--color-main) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-main) 30%,transparent);color:var(--color-text-tag);transition:background-color var(--transition-base)}.badge:hover{background-color:color-mix(in srgb,var(--color-main) 20%,transparent)}.badge-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background-color:currentColor;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1;white-space:nowrap;cursor:pointer;transition:var(--transition-base);text-decoration:none}.btn-primary{background:var(--gradient-brand-h);color:#fff}.btn-primary:hover{opacity:.9;text-decoration:none}.btn-ghost{background-color:var(--color-surface-alt);border:1px solid var(--color-border-muted);color:var(--color-text-light)}.btn-ghost:hover{border-color:var(--color-main);color:#fff;text-decoration:none}.btn-icon{padding:var(--space-2);border-radius:var(--radius-lg);background-color:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-muted);transition:var(--transition-base)}.btn-icon:hover{color:var(--color-main);border-color:var(--color-main);background-color:color-mix(in srgb,var(--color-main) 10%,transparent);text-decoration:none}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;font-weight:var(--font-semibold);color:#fff}.avatar-sm{width:var(--space-6);height:var(--space-6);font-size:var(--text-xs)}.avatar-md{width:var(--space-10);height:var(--space-10);font-size:var(--text-sm)}.avatar-lg{width:var(--space-12);height:var(--space-12);font-size:var(--text-base)}.divider{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-8)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes pulse-slow{0%,to{opacity:.5}50%{opacity:1}}.animate-pulse-slow{animation:pulse-slow 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.animate-blink{animation:blink 1s step-end infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only:focus,.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.skip-link{position:fixed;top:var(--space-4);left:var(--space-4);z-index:200;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background-color:var(--color-main);color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm);transform:translateY(-150%);transition:transform var(--transition-base)}.skip-link:focus{transform:translateY(0)}.card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-2xl);background-color:var(--color-surface);border:1px solid var(--color-border);cursor:pointer}.card__thumbnail{position:relative;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--color-surface-alt)}.card__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card__thumbnail img{transform:scale(1.04)}.card__thumbnail-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-main);opacity:.5;transition:opacity var(--transition-base),transform var(--transition-base)}.card:hover .card__thumbnail-icon{opacity:1;transform:scale(1.1)}.card__body{display:flex;flex-direction:column;flex:1;padding:var(--space-6);gap:var(--space-3)}.card__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-subtle)}.card__title{font-size:var(--text-lg);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--color-text-base);transition:color var(--transition-base)}.card:hover .card__title{color:var(--color-main)}.card__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-subtle)}.card--featured{flex-direction:row;align-items:stretch;border-radius:var(--radius-2xl)}.card--featured .card__thumbnail{aspect-ratio:unset;flex:1;min-height:260px}.card--featured .card__body{flex:1;padding:var(--space-8)}.card--featured .card__title{font-size:var(--text-3xl)}@media(max-width:1023px){.card--featured{flex-direction:column}.card--featured .card__thumbnail{aspect-ratio:16 / 9;min-height:unset}}.stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-xl);background-color:color-mix(in srgb,var(--color-surface) 50%,transparent);border:1px solid var(--color-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center}.stat__value{font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1}.stat__label{font-size:var(--text-xs);color:var(--color-text-subtle);line-height:var(--leading-normal)}.stat--lg{padding:var(--space-6);gap:var(--space-2)}.stat--lg .stat__value{font-size:var(--text-3xl)}.stat--lg .stat__label{font-size:var(--text-sm)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}.section-header__title{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);text-wrap:balance}.section-header__action{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-main);transition:color var(--transition-base);text-decoration:none}.section-header__action:hover{color:var(--color-accent);text-decoration:none}.section-header__action svg,.section-header__action i{width:1em;height:1em;transition:transform var(--transition-base)}.section-header__action:hover svg,.section-header__action:hover i{transform:translate(3px)}.topic-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-2xl);background-color:var(--color-surface);border:1px solid var(--color-border);text-align:center;text-decoration:none;color:inherit;transition:var(--transition-slow)}.topic-tile:hover{border-color:var(--color-main);text-decoration:none}.topic-tile__icon{width:var(--space-12);height:var(--space-12);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);background-color:color-mix(in srgb,var(--color-main) 15%,transparent);transition:transform var(--transition-base)}.topic-tile:hover .topic-tile__icon{transform:scale(1.1)}.topic-tile__icon svg,.topic-tile__icon i{width:var(--space-6);height:var(--space-6);color:var(--color-main)}.topic-tile__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-base);line-height:var(--leading-tight)}.topic-tile__count{font-size:var(--text-xs);color:var(--color-text-subtle);line-height:var(--leading-normal)}.author-meta{display:flex;align-items:center;gap:var(--space-2);min-width:0}.author-meta__info{display:flex;flex-direction:column;min-width:0}.author-meta__name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author-meta__date{font-size:var(--text-xs);color:var(--color-text-subtle);white-space:nowrap}.author-meta--lg{gap:var(--space-3)}.author-meta--lg .author-meta__name{font-size:var(--text-base);font-weight:var(--font-semibold)}.author-meta--lg .author-meta__date{font-size:var(--text-sm)}