@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Syne:wght@400;500;600;700;800&display=swap";
:root{--void:#05050a;--surface-1:#0c0c14;--surface-2:#12121e;--surface-3:#1a1a2e;--glass:#12121e99;--glass-border:#8b5cf61f;--glass-highlight:#8b5cf60f;--violet:#8b5cf6;--violet-bright:#a78bfa;--violet-deep:#6d28d9;--fuchsia:#d946ef;--cyan:#22d3ee;--glow-violet:#8b5cf64d;--glow-fuchsia:#d946ef33;--text-bright:#f0ebff;--text-primary:#c4b5fd;--text-secondary:#8b82a8;--text-muted:#4a4560;--font-body:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Syne", sans-serif;--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;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.18s;--duration-normal:.35s;--duration-slow:.6s;--max-width:740px;--max-width-wide:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--void);color:var(--text-primary);min-height:100vh;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 10% 0,#8b5cf614 0%,#0000 60%),radial-gradient(50% 50% at 90% 20%,#d946ef0d 0%,#0000 50%),radial-gradient(40% 30% at 50% 100%,#22d3ee0a 0%,#0000 50%);width:100%;height:100%;animation:20s ease-in-out infinite alternate meshShift;position:fixed;top:0;left:0}@keyframes meshShift{0%{opacity:1}50%{opacity:.6}to{opacity:1}}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.container--wide{max-width:var(--max-width-wide)}.header{z-index:100;padding:var(--space-md) var(--space-xl);transition:all var(--duration-normal) var(--ease-out);position:fixed;top:0;left:0;right:0}.header--scrolled{-webkit-backdrop-filter:blur(24px)saturate(200%);border-bottom:1px solid var(--glass-border);background:#05050abf}.header__inner{max-width:var(--max-width-wide);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header__logo{font-family:var(--font-display);color:var(--text-bright);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:var(--space-sm);font-size:1.1rem;font-weight:700;display:flex}.header__logo-icon{background:linear-gradient(135deg, var(--violet), var(--fuchsia));border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex}.header__nav{gap:var(--space-xs);align-items:center;display:flex}.header__link{color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);letter-spacing:.02em;border-radius:999px;padding:8px 16px;font-size:.8rem;font-weight:500}.header__link:hover{color:var(--text-bright);background:var(--glass-highlight)}.header-spacer{height:64px}.landing{z-index:1;min-height:calc(100vh - 64px);padding:var(--space-3xl) var(--space-xl);max-width:var(--max-width-wide);align-items:center;gap:var(--space-3xl);grid-template-columns:1fr;margin:0 auto;display:grid;position:relative}@media (min-width:768px){.landing{grid-template-columns:1.2fr 1fr;min-height:calc(100vh - 64px)}}.landing__text{max-width:600px}.landing__eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--violet-bright);margin-bottom:var(--space-lg);align-items:center;gap:var(--space-sm);animation:fadeInUp .7s var(--ease-out) both;font-size:.7rem;font-weight:600;display:flex}.landing__eyebrow:before{content:"";background:var(--violet);width:24px;height:1px}.landing__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-bright);margin-bottom:var(--space-xl);animation:fadeInUp .7s var(--ease-out) .1s both;font-size:clamp(2.8rem,6vw,5rem);font-weight:800;line-height:1}.landing__title-accent{background:linear-gradient(135deg, var(--violet-bright) 0%, var(--fuchsia) 50%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing__desc{color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:460px;animation:fadeInUp .7s var(--ease-out) .2s both;font-size:1.1rem;font-weight:300;line-height:1.7}.landing__actions{gap:var(--space-md);animation:fadeInUp .7s var(--ease-out) .3s both;flex-wrap:wrap;display:flex}.btn-primary{align-items:center;gap:var(--space-sm);background:linear-gradient(135deg, var(--violet), var(--violet-deep));color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 24px var(--glow-violet);border:none;padding:14px 28px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 40px var(--glow-violet);transform:translateY(-2px)}.btn-outline{align-items:center;gap:var(--space-sm);color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);background:0 0;padding:14px 28px;font-size:.9rem;font-weight:500;display:inline-flex}.btn-outline:hover{border-color:var(--violet);color:var(--text-bright);background:var(--glass-highlight)}.landing__visual{justify-content:center;align-items:center;min-height:400px;display:none;position:relative}@media (min-width:768px){.landing__visual{display:flex}}.float-card{border-radius:var(--radius-lg);border:1px solid var(--glass-border);transition:transform var(--duration-slow) var(--ease-out);position:absolute;overflow:hidden;box-shadow:0 20px 60px #0006}.float-card:hover{transform:scale(1.02)!important}.float-card--1{z-index:3;width:280px;height:340px;animation:floatIn .8s var(--ease-out) .2s both;top:0;right:0;transform:rotate(3deg)}.float-card--2{z-index:2;width:240px;height:290px;animation:floatIn .8s var(--ease-out) .4s both;top:40px;left:0;transform:rotate(-5deg)}.float-card--3{z-index:1;width:200px;height:240px;animation:floatIn .8s var(--ease-out) .6s both;bottom:0;right:60px;transform:rotate(6deg)}.float-card img{object-fit:cover;width:100%;height:100%}.bento-section{z-index:1;padding:var(--space-4xl) var(--space-xl);max-width:var(--max-width-wide);margin:0 auto;position:relative}.bento-section__header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl);display:flex}.bento-section__line{background:linear-gradient(90deg, var(--glass-border), transparent);flex:1;height:1px}.bento-section__label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);white-space:nowrap;font-size:.75rem;font-weight:700}.bento-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (min-width:640px){.bento-grid{grid-template-columns:1fr 1fr}}@media (min-width:900px){.bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(180px,auto)}}.bento-card{background:var(--surface-2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--violet);transform:translateY(-4px);box-shadow:0 16px 48px #8b5cf61f}@media (min-width:900px){.bento-card--hero{grid-area:span 2/span 8}.bento-card--tall{grid-area:span 2/span 4}.bento-card--wide{grid-area:span 1/span 6}.bento-card--square{grid-area:span 1/span 4}}.bento-card__image-wrap{flex-shrink:0;position:relative;overflow:hidden}.bento-card--hero .bento-card__image-wrap{height:340px}.bento-card--tall .bento-card__image-wrap{height:200px}.bento-card--wide .bento-card__image-wrap,.bento-card--square .bento-card__image-wrap{height:160px}.bento-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out)}.bento-card:hover .bento-card__image{transform:scale(1.05)}.bento-card__image-wrap:after{content:"";background:linear-gradient(to top, var(--surface-2), transparent 60%);position:absolute;inset:0}.bento-card__body{padding:var(--space-lg) var(--space-xl);flex-direction:column;flex:1;justify-content:flex-end;display:flex}.bento-card__tag{text-transform:uppercase;letter-spacing:.12em;color:var(--violet-bright);margin-bottom:var(--space-sm);align-items:center;gap:6px;font-size:.65rem;font-weight:600;display:inline-flex}.bento-card__tag:before{content:"";background:var(--violet);border-radius:50%;width:6px;height:6px}.bento-card__title{font-family:var(--font-display);color:var(--text-bright);margin-bottom:var(--space-sm);font-weight:700;line-height:1.15}.bento-card--hero .bento-card__title{font-size:2rem}.bento-card--tall .bento-card__title,.bento-card--wide .bento-card__title{font-size:1.25rem}.bento-card--square .bento-card__title{font-size:1.1rem}.bento-card__excerpt{color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;font-weight:300;line-height:1.6;display:-webkit-box;overflow:hidden}.bento-card__footer{align-items:center;gap:var(--space-md);padding-top:var(--space-md);color:var(--text-muted);margin-top:auto;font-size:.75rem;display:flex}.bento-card__read-indicator{background:var(--glass-highlight);border:1px solid var(--glass-border);width:28px;height:28px;color:var(--violet-bright);transition:all var(--duration-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;margin-left:auto;font-size:.75rem;display:flex}.bento-card:hover .bento-card__read-indicator{background:var(--violet);color:#fff;border-color:var(--violet)}.newsletter-section{z-index:1;padding:var(--space-2xl) var(--space-xl);max-width:800px;margin:0 auto var(--space-4xl);position:relative}.newsletter{padding:var(--space-3xl);background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden}.newsletter:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#8b5cf60d,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.newsletter__title{font-family:var(--font-display);color:var(--text-bright);margin-bottom:var(--space-sm);font-size:2rem;font-weight:700;position:relative}.newsletter__text{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:1rem;font-weight:300;position:relative}.newsletter__form{gap:var(--space-sm);max-width:440px;margin:0 auto;display:flex;position:relative}.newsletter__input{background:var(--surface-1);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-bright);font-size:.9rem;font-family:var(--font-body);transition:border-color var(--duration-fast) var(--ease-out);outline:none;flex:1;padding:14px 20px}.newsletter__input:focus{border-color:var(--violet);box-shadow:0 0 0 4px var(--glow-violet)}.newsletter__input::placeholder{color:var(--text-muted)}.newsletter__btn{background:linear-gradient(135deg, var(--violet), var(--violet-deep));color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;box-shadow:0 4px 20px var(--glow-violet);border:none;padding:14px 24px;font-size:.85rem;font-weight:600}.newsletter__btn:hover{box-shadow:0 8px 32px var(--glow-violet);transform:translateY(-1px)}.footer{z-index:1;border-top:1px solid var(--glass-border);padding:var(--space-3xl) var(--space-xl);position:relative}.footer__inner{max-width:var(--max-width-wide);align-items:center;gap:var(--space-lg);text-align:center;flex-direction:column;margin:0 auto;display:flex}@media (min-width:640px){.footer__inner{text-align:left;flex-direction:row;justify-content:space-between}}.footer__brand{font-family:var(--font-display);color:var(--text-bright);text-transform:uppercase;letter-spacing:.04em;font-size:1rem;font-weight:700}.footer__tagline{color:var(--text-muted);margin-top:4px;font-size:.8rem;font-weight:300}.footer__copyright{color:var(--text-muted);letter-spacing:.04em;font-size:.7rem}.article-hero{width:100%;height:60vh;max-height:600px;position:relative;overflow:hidden}.article-hero img{object-fit:cover;width:100%;height:100%}.article-hero:after{content:"";background:linear-gradient(to bottom, transparent 0%, #05050a80 60%, var(--void) 100%);position:absolute;inset:0}.article-hero__overlay{z-index:2;padding:var(--space-3xl) var(--space-xl);max-width:var(--max-width);margin:0 auto;position:absolute;bottom:0;left:0;right:0}.article-hero__category{text-transform:uppercase;letter-spacing:.15em;color:var(--violet-bright);margin-bottom:var(--space-md);align-items:center;gap:6px;font-size:.7rem;font-weight:600;display:inline-flex}.article-hero__category:before{content:"";background:var(--violet);border-radius:50%;width:6px;height:6px}.article-hero__title{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin-bottom:var(--space-lg);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.05}.article-hero__meta{align-items:center;gap:var(--space-md);color:var(--text-secondary);flex-wrap:wrap;font-size:.8rem;display:flex}.article-hero__dot{background:var(--text-muted);border-radius:50%;width:4px;height:4px}.article-body{z-index:1;max-width:var(--max-width);padding:var(--space-3xl) var(--space-lg);margin:0 auto;position:relative}.article-body h2{font-family:var(--font-display);margin-top:var(--space-3xl);margin-bottom:var(--space-md);color:var(--text-bright);font-size:1.75rem;font-weight:700}.article-body h3{font-family:var(--font-display);margin-top:var(--space-2xl);margin-bottom:var(--space-sm);color:var(--text-bright);font-size:1.35rem;font-weight:600}.article-body p{color:var(--text-primary);margin-bottom:var(--space-xl);font-size:1.1rem;font-weight:300;line-height:1.85}.article-body strong{color:var(--text-bright);font-weight:500}.article-body em{color:var(--violet-bright);font-style:italic}.article-body ul,.article-body ol{margin-bottom:var(--space-xl);padding-left:var(--space-xl)}.article-body li{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.1rem;font-weight:300;line-height:1.85}.article-body li::marker{color:var(--violet)}.article-body blockquote{margin:var(--space-2xl) 0;padding:var(--space-xl);background:var(--glass);border-left:3px solid var(--violet);border-radius:0 var(--radius-md) var(--radius-md) 0;font-family:var(--font-display);color:var(--text-bright);font-size:1.25rem;font-weight:500;line-height:1.6}.article-body blockquote p{color:var(--text-bright);margin-bottom:0}.article-body hr{text-align:center;margin:var(--space-3xl) 0;border:none}.article-body hr:before{content:"✦  ✦  ✦";color:var(--text-muted);letter-spacing:.5em;font-size:.7rem}.article-body a{color:var(--violet-bright);text-underline-offset:3px;transition:color var(--duration-fast);text-decoration:underline}.article-body a:hover{color:var(--fuchsia)}.tldr{margin:var(--space-xl) 0;padding:var(--space-xl);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);position:relative}.tldr:before{content:"";background:linear-gradient(90deg, var(--violet), var(--fuchsia), var(--cyan));border-radius:var(--radius-md) var(--radius-md) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.tldr__label{text-transform:uppercase;letter-spacing:.15em;color:var(--violet-bright);margin-bottom:var(--space-sm);font-size:.7rem;font-weight:700;display:inline-block}.tldr p{color:var(--text-bright);margin:0;font-size:1.1rem;font-weight:400;line-height:1.7}.reading-progress{background:linear-gradient(90deg, var(--violet), var(--fuchsia), var(--cyan));z-index:200;width:0%;height:3px;transition:width 50ms linear;position:fixed;top:0;left:0}.blog-index__header{z-index:1;padding:var(--space-4xl) var(--space-xl) var(--space-2xl);max-width:var(--max-width-wide);margin:0 auto;position:relative}.blog-index__title{font-family:var(--font-display);color:var(--text-bright);letter-spacing:-.02em;margin-bottom:var(--space-sm);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.blog-index__subtitle{color:var(--text-secondary);font-size:1.05rem;font-weight:300}.blog-index__grid{padding:0 var(--space-xl) var(--space-4xl);max-width:var(--max-width-wide);margin:0 auto}.posts-grid{gap:var(--space-md);padding:var(--space-xl) 0;grid-template-columns:1fr;display:grid}@media (min-width:640px){.posts-grid{grid-template-columns:1fr 1fr}}.post-card{background:var(--surface-2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;position:relative;overflow:hidden}.post-card:hover{border-color:var(--violet);transform:translateY(-4px);box-shadow:0 16px 48px #8b5cf61f}.post-card__image{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform var(--duration-slow) var(--ease-out)}.post-card:hover .post-card__image{transform:scale(1.04)}.post-card__body{padding:var(--space-lg)}.post-card__meta{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.post-card__category{text-transform:uppercase;letter-spacing:.1em;color:var(--violet-bright);font-size:.65rem;font-weight:600}.post-card__reading{color:var(--text-muted);font-size:.7rem}.post-card__title{font-family:var(--font-display);margin-bottom:var(--space-sm);color:var(--text-bright);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:1.25rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.post-card__excerpt{color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;font-weight:300;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card--featured{grid-column:1/-1;grid-template-columns:1fr;display:grid}@media (min-width:640px){.post-card--featured{grid-template-columns:1.2fr 1fr}.post-card--featured .post-card__image{aspect-ratio:auto;height:100%}}.post-card--featured .post-card__title{font-size:1.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:translateY(40px)scale(.9)}to{opacity:1}}@media (max-width:639px){.header{padding:var(--space-sm) var(--space-md)}.header__nav{gap:0}.header__link{padding:8px 10px;font-size:.75rem}.landing{padding:var(--space-xl) var(--space-md);min-height:auto}.landing__title{font-size:2.4rem}.bento-section{padding:var(--space-2xl) var(--space-md)}.newsletter-section{padding:var(--space-xl) var(--space-md)}.newsletter{padding:var(--space-xl)}.newsletter__form{flex-direction:column}.newsletter__btn{width:100%}.footer{padding:var(--space-2xl) var(--space-md)}.article-hero{height:40vh}.article-hero__overlay{padding:var(--space-xl) var(--space-md)}}