.share-widget{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.share-widget__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);margin-inline-end:var(--space-xs)}.share-widget__btn{background:var(--glass-surface);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex}.share-widget__btn:hover{background:var(--glass-surface-hover);color:var(--color-accent-primary);transform:translateY(-2px)}.share-widget__icon--success{color:var(--color-success)!important}.share-widget--hero{justify-content:center;gap:var(--space-md)}.share-widget--hero .share-widget__btn{color:#ffffffe6;-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;width:44px;height:44px;font-size:1rem}.share-widget--hero .share-widget__btn:hover{color:#fff;background:#fff3;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}html[data-theme=light] .share-widget--hero .share-widget__btn{color:var(--color-text-primary);background:#fff9;border:1px solid #0000001a}html[data-theme=light] .share-widget--hero .share-widget__btn:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:#ffffffe6;box-shadow:0 8px 20px #7c3aed33}
.article-hero-panel{border-radius:var(--radius-xl);width:100%;min-height:450px;margin-bottom:var(--space-xl);isolation:isolate;box-shadow:inset 0 0 0 1px #ffffff1a, 0 25px 50px -12px #00000040, 0 0 100px -20px rgb(var(--accent-rgb) / .2);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}@media (min-width:768px){.article-hero-panel{min-height:500px}}.article-hero-panel__bg{z-index:0;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.article-hero-panel__image{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%}.article-hero-panel__placeholder{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.article-hero-panel__overlay{background:linear-gradient(#0003 0%,#00000080 50%,#000000e6 100%);position:absolute;inset:0}.article-hero-panel__content,.article-hero-panel__title{color:#fff!important}.article-hero-panel__meta{color:#fffc!important}.article-hero-panel__content{z-index:2;padding:var(--space-2xl);text-align:center;position:relative}@media (min-width:768px){.article-hero-panel__content{padding:var(--space-3xl)}}.article-hero-panel__tags{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.article-hero-panel__tag{padding:var(--space-xs) var(--space-md);background:rgb(var(--accent-rgb) / .7);border:1px solid rgb(var(--accent-rgb) / .4);border-radius:var(--radius-full);color:#e4dffa;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;align-items:center;display:inline-flex}.article-hero-panel__title{font-family:var(--font-heading);font-size:clamp(1.75rem,5vw,3rem);font-weight:var(--font-bold);color:#fff;margin:0 0 var(--space-lg);text-shadow:0 2px 10px #0000004d;max-width:900px;margin-left:auto;margin-right:auto;line-height:1.2}.article-hero-panel__meta{justify-content:center;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:#ffffffb3;margin-bottom:var(--space-xl);display:flex}.article-hero-panel__date{font-weight:500}.article-hero-panel__author-wrapper{align-items:center;gap:var(--space-sm);display:flex}.article-hero-panel__author-avatar{border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;width:24px;height:24px;overflow:hidden}.article-hero-panel__author-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.article-hero-panel__author{color:#ffffffd9;font-weight:500}.article-hero-panel__divider{opacity:.5}.article-hero-panel__share{margin-top:var(--space-lg)}.article-hero-panel__share-label{font-size:var(--text-sm);color:#fffc;margin-bottom:var(--space-md);font-weight:var(--font-medium);display:block}@keyframes articleHeroFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@keyframes floatSlow{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(-15px)translate(10px)}66%{transform:translateY(-5px)translate(-10px)}}@keyframes articleHeroPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.article-hero-panel__placeholder .orb--slow{animation:12s ease-in-out infinite floatSlow}.article-hero-panel__placeholder .orb--medium{animation:8s ease-in-out -2s infinite articleHeroFloat}.article-hero-panel__placeholder .orb--fast{animation:4s ease-in-out infinite articleHeroPulse}.article-hero-panel__placeholder .particles circle{animation:3s ease-in-out infinite articleHeroPulse}.article-hero-panel__placeholder .particles circle:nth-child(2){animation-delay:-.5s}.article-hero-panel__placeholder .particles circle:nth-child(3){animation-delay:-1s}.article-hero-panel__placeholder .particles circle:nth-child(4){animation-delay:-1.5s}.article-hero-panel__placeholder .particles circle:nth-child(5){animation-delay:-2s}
