.bg-animated{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgb(59 130 246 / 0.14) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgb(139 92 246 / 0.14) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgb(236 72 153 / 0.09) 0%,transparent 50%);animation:bgFloat 22s ease-in-out infinite}[data-theme='light'] .bg-animated{background:radial-gradient(circle at 20% 20%,rgb(37 99 235 / 0.07) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgb(124 58 237 / 0.07) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgb(219 39 119 / 0.04) 0%,transparent 50%)}@keyframes bgFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-18px) rotate(0.8deg)}}@media (max-width:768px){.bg-animated{animation:none}}.hero{padding-block:clamp(3rem,8vw,6rem);padding-inline:clamp(1rem,4vw,2rem);text-align:center;position:relative}.hero-content{max-width:52rem;margin-inline:auto;position:relative;z-index:1}.hero-title{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:900;line-height:1.1;margin-bottom:1.25rem;color:var(--primary);background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease-in-out infinite}[data-theme='light'] .hero-title{color:var(--primary);background:linear-gradient(135deg,#2563eb,#7c3aed,#db2777);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.375rem);color:var(--text-muted);margin-bottom:2.25rem;font-weight:300;line-height:1.6;max-width:44ch;margin-inline:auto}.search-container{max-width:30rem;margin-inline:auto;margin-bottom:2.5rem;position:relative}.search-input{width:100%;padding:0.875rem 3rem 0.875rem 1.375rem;background:var(--secondary);border:2px solid var(--border);border-radius:3rem;color:var(--text);font-size:1rem;outline:none;transition:border-color 0.25s ease,box-shadow 0.25s ease;font-family:var(--font-sans)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgb(59 130 246 / 0.2)}[data-theme='light'] .search-input:focus{box-shadow:0 0 0 4px rgb(37 99 235 / 0.12)}.search-icon{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:1.1rem;line-height:1}.category-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:0.75rem;margin-bottom:1rem}.category-chip{padding:0.625rem 1.25rem;background:var(--secondary);border:2px solid var(--border);border-radius:2rem;color:var(--text-muted);text-decoration:none;font-weight:600;font-size:0.9rem;font-family:var(--font-sans);line-height:1;cursor:pointer;position:relative;overflow:hidden;transition:color 0.25s ease,border-color 0.25s ease,transform 0.2s ease,box-shadow 0.2s ease}.category-chip::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),#8b5cf6);opacity:0;transition:opacity 0.25s ease}.category-chip span{position:relative;z-index:1}.category-chip:hover::before,.category-chip.active::before{opacity:1}.category-chip:hover,.category-chip.active{color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.posts-section{max-width:var(--max-site-width);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem);padding-bottom:clamp(2.5rem,6vw,5rem)}.posts-section .post-card .post-image{aspect-ratio:16 / 10}.back-to-top{position:fixed;bottom:max(1.75rem,calc(0.75rem + env(safe-area-inset-bottom)));right:max(1.75rem,calc(0.75rem + env(safe-area-inset-right)));width:3rem;height:3rem;background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.25rem;line-height:1;transition:opacity 0.3s ease,transform 0.2s ease,box-shadow 0.2s ease;z-index:100;box-shadow:var(--shadow-lg)}.back-to-top[hidden]{display:flex !important;opacity:0;pointer-events:none;visibility:hidden}.back-to-top:not([hidden]){opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 1rem 2rem rgb(0 0 0 / 0.25)}@media (hover:none) and (pointer:coarse){.category-chip:hover{transform:none}.category-chip:active{transform:scale(0.97)}}