@layer base{*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-primary);color:var(--text);background-color:var(--bg);transition:background-color var(--transition-normal), color var(--transition-normal);margin:0;padding:0;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-block:0 var(--space-4);color:var(--text);font-weight:600;line-height:1.2}h1{font-size:3rem;font-weight:700}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-block:0 var(--space-4)}a{color:var(--accent-orange);transition:color var(--transition-fast);text-decoration:none}a:hover{color:color-mix(in srgb, var(--accent-orange) 80%, black)}img{max-width:100%;height:auto}}@layer components{.buzzy-container{max-width:1200px;padding-inline:var(--space-6);margin-inline:auto}.buzzy-page{padding-block:var(--space-10)}.buzzy-grid{gap:var(--space-6);display:grid}.buzzy-grid.buzzy-grid-3{grid-template-columns:repeat(3,1fr)}.buzzy-grid.buzzy-grid-2{grid-template-columns:repeat(2,1fr)}@media (width<=1024px){.buzzy-grid.buzzy-grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.buzzy-grid.buzzy-grid-3,.buzzy-grid.buzzy-grid-2{grid-template-columns:1fr}}.buzzy-nav{background:var(--surface-primary);border-bottom:1px solid var(--border);z-index:1000;justify-content:space-between;align-items:center;height:72px;padding-inline:40px;display:flex;position:sticky;top:0}.buzzy-nav .buzzy-nav-logo{align-items:center;display:flex}.buzzy-nav .buzzy-nav-logo img{width:auto;height:28px}.buzzy-nav .buzzy-nav-logo img.logo-light{display:block}.buzzy-nav .buzzy-nav-logo img.logo-dark{display:none}.buzzy-nav .buzzy-nav-menu{align-items:center;gap:24px;margin:0;padding:0;list-style:none;display:flex}.buzzy-nav .buzzy-nav-menu a{font-family:var(--font-primary);color:var(--text);padding-block:8px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.buzzy-nav .buzzy-nav-menu a:after{content:"";background:var(--accent-orange);width:0;height:2px;transition:width .2s;position:absolute;bottom:0;left:0}.buzzy-nav .buzzy-nav-menu a:hover{color:var(--accent-orange)}.buzzy-nav .buzzy-nav-menu a:hover:after{width:100%}.buzzy-nav .buzzy-nav-right{align-items:center;gap:12px;display:flex}.buzzy-nav .buzzy-nav-actions{align-items:center;gap:16px;display:flex}.buzzy-nav .buzzy-nav-icon{cursor:pointer;width:40px;height:40px;color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.buzzy-nav .buzzy-nav-icon:hover{color:var(--accent-orange)}.buzzy-nav .buzzy-nav-icon svg{width:20px;height:20px}.buzzy-nav .buzzy-nav-btn-outline{font-family:var(--font-primary);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.buzzy-nav .buzzy-nav-btn-outline:hover{border-color:var(--accent-orange);color:var(--accent-orange);background:#ff6d2f0d}.buzzy-nav .buzzy-nav-btn-primary{font-family:var(--font-primary);color:#fff;background:var(--accent-orange);border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s}.buzzy-nav .buzzy-nav-btn-primary:hover{background:color-mix(in srgb, var(--accent-orange) 85%, black);color:#fff}.buzzy-nav .buzzy-nav-mobile{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;color:var(--text);background:0 0;justify-content:center;align-items:center;display:none}@media (width<=900px){.buzzy-nav{padding-inline:20px}.buzzy-nav .buzzy-nav-menu{background:var(--surface-primary);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding-block:8px;display:none;position:absolute;top:72px;left:0;right:0}.buzzy-nav .buzzy-nav-menu.open{display:flex}.buzzy-nav .buzzy-nav-menu a{width:100%;padding:12px 20px}.buzzy-nav .buzzy-nav-menu a:after{display:none}.buzzy-nav .buzzy-nav-mobile{display:flex}.buzzy-nav .buzzy-nav-actions .buzzy-nav-btn-outline,.buzzy-nav .buzzy-nav-actions .buzzy-nav-btn-primary{display:none}}[data-theme=dark] .buzzy-nav .buzzy-nav-logo img.logo-light{display:none}[data-theme=dark] .buzzy-nav .buzzy-nav-logo img.logo-dark{display:block}.buzzy-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:.875rem;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex}.buzzy-btn:active{transform:scale(.98)}.buzzy-btn.buzzy-btn-primary{background-color:var(--accent-orange);color:#fff}.buzzy-btn.buzzy-btn-primary:hover{background-color:color-mix(in srgb, var(--accent-orange) 85%, black);color:#fff}.buzzy-btn.buzzy-btn-secondary{color:var(--text);border:1px solid var(--border);background-color:#0000}.buzzy-btn.buzzy-btn-secondary:hover{background-color:var(--surface-secondary);border-color:var(--accent-orange);color:var(--accent-orange)}.buzzy-btn.buzzy-btn-danger{background-color:var(--error-red);color:#fff}.buzzy-btn.buzzy-btn-danger:hover{background-color:color-mix(in srgb, var(--error-red) 85%, black);color:#fff}.buzzy-btn.buzzy-btn-sm{padding:var(--space-2) var(--space-3);font-size:.75rem}.buzzy-btn.buzzy-btn-lg{padding:var(--space-4) var(--space-6);font-size:1rem}.buzzy-btn.buzzy-btn-full{width:100%}.btn-primary{font-family:var(--font-primary);color:#fff;cursor:pointer;background:#ff6d2f;border:none;border-radius:8px;justify-content:center;align-items:center;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{color:#fff;background:#e55a20;transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-secondary{font-family:var(--font-primary);color:#4a4a4a;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;padding:14px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{color:#ff6d2f;border-color:#ff6d2f}.btn-secondary:active{transform:scale(.98)}[data-theme=dark] .btn-secondary{color:#b0b0b0;background:#2a2a2e;border-color:#3a3a3e}[data-theme=dark] .btn-secondary:hover{color:#ff6d2f;border-color:#ff6d2f}.buzzy-input,.buzzy-select,.buzzy-textarea{width:100%;padding:var(--space-3);font-family:var(--font-primary);color:var(--text);background-color:var(--surface-primary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:.875rem}:is(.buzzy-input,.buzzy-select,.buzzy-textarea):focus{border-color:var(--accent-orange);outline:none;box-shadow:0 0 0 3px #ff6d2f26}:is(.buzzy-input,.buzzy-select,.buzzy-textarea)::placeholder{color:var(--text-muted)}.buzzy-textarea{resize:vertical;min-height:120px}.buzzy-label{color:var(--text);margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;display:block}.buzzy-form-group{margin-bottom:var(--space-5)}.buzzy-form-hint{color:var(--text-muted);margin-top:var(--space-1);font-size:.75rem}.buzzy-card{background-color:var(--surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-fast);overflow:hidden}.buzzy-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.buzzy-card .buzzy-card-image{aspect-ratio:16/9;object-fit:cover;width:100%}.buzzy-card .buzzy-card-body{padding:var(--space-5)}.buzzy-card .buzzy-card-title{font-family:var(--font-primary);margin-block:0 var(--space-2);font-size:1.125rem;font-weight:600}.buzzy-card .buzzy-card-description{color:var(--text-muted);margin-block:0 var(--space-4);font-size:.875rem}.buzzy-card .buzzy-card-footer{padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.buzzy-tag{padding:var(--space-1) var(--space-3);margin-bottom:var(--space-3);background-color:var(--accent-amber);color:var(--text-carbon);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;display:inline-block}.buzzy-auth-container{min-height:calc(100vh - 72px);padding:var(--space-6);justify-content:center;align-items:center;display:flex}.buzzy-auth-card{background-color:var(--surface-primary);width:100%;max-width:380px;padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.buzzy-auth-title{font-family:var(--font-heading);text-align:center;margin-bottom:var(--space-6);font-size:1.5rem;font-weight:600}.buzzy-auth-footer{text-align:center;margin-top:var(--space-6);color:var(--text-muted);font-size:.875rem}.buzzy-auth-footer a{color:var(--accent-orange);font-weight:500}.buzzy-alert{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.buzzy-alert.buzzy-alert-error{color:var(--error-red);background-color:#ef44441a;border:1px solid #ef444433}.buzzy-alert.buzzy-alert-success{color:var(--success-green);background-color:#22c55e1a;border:1px solid #22c55e33}.buzzy-alert .buzzy-alert-dismiss{cursor:pointer;color:inherit;background:0 0;border:none;font-size:1.25rem;line-height:1}.buzzy-profile-header{align-items:center;gap:var(--space-6);padding:var(--space-8);background-color:var(--surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-10);display:flex}.buzzy-profile-header .buzzy-avatar{border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--accent-orange);width:96px;height:96px}.buzzy-profile-header .buzzy-profile-info h2{margin-bottom:var(--space-1)}.buzzy-profile-header .buzzy-profile-info p{color:var(--text-muted);margin:0}.buzzy-profile-header .buzzy-profile-actions{margin-left:auto}@media (width<=640px){.buzzy-profile-header{text-align:center;flex-direction:column}.buzzy-profile-header .buzzy-profile-actions{margin-left:0;margin-top:var(--space-4)}}.buzzy-loading{justify-content:center;align-items:center;min-height:50vh;display:flex}.buzzy-spinner{border:3px solid var(--border);border-top-color:var(--accent-orange);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite buzzy-spin}@keyframes buzzy-spin{to{transform:rotate(360deg)}}.buzzy-breadcrumbs{align-items:center;gap:var(--space-2);color:var(--text-muted);margin-bottom:var(--space-4);font-size:.875rem;display:flex}.buzzy-breadcrumbs a{color:var(--text-muted)}.buzzy-breadcrumbs a:hover{color:var(--accent-orange)}.buzzy-breadcrumbs span:not(:first-child):before{content:"/";margin-right:var(--space-2)}.buzzy-section-header{margin-bottom:var(--space-6)}.buzzy-section-header .buzzy-section-title{margin-bottom:var(--space-2)}.buzzy-section-header .buzzy-section-subtitle{color:var(--text-muted)}}@layer pages{.hero{background:var(--surface-secondary);padding:100px 0 80px}.hero .hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin-inline:auto;padding-inline:40px;display:grid}@media (width<=1024px){.hero .hero-container{grid-template-columns:1fr;gap:60px}}@media (width<=900px){.hero .hero-container{padding-inline:20px}}.hero .hero-content{max-width:560px}@media (width<=1024px){.hero .hero-content{text-align:center;max-width:100%}}.hero .hero-title{letter-spacing:-.03em;color:var(--text);margin-bottom:20px;font-size:3.5rem;font-weight:700;line-height:1.1}@media (width<=900px){.hero .hero-title{font-size:2.5rem}}.hero .hero-subtitle{color:var(--text-muted);margin-bottom:36px;font-size:1.2rem;line-height:1.7}.hero .hero-actions{gap:12px;margin-bottom:48px;display:flex}@media (width<=1024px){.hero .hero-actions{justify-content:center}}.hero .hero-stats{gap:40px;display:flex}@media (width<=1024px){.hero .hero-stats{justify-content:center}}.hero .hero-stats .hero-stat{flex-direction:column;display:flex}.hero .hero-stats .hero-stat .hero-stat-value{font-size:2rem;font-weight:700}.hero .hero-stats .hero-stat .hero-stat-label{color:var(--text-muted);font-size:.875rem}.hero .hero-visual{justify-content:center;align-items:center;display:flex;position:relative}@media (width<=1024px){.hero .hero-visual{order:-1}}.hero .hero-graphic{width:100%;max-width:440px;position:relative}.hero .hero-card{background:var(--surface-primary);box-shadow:var(--shadow-lg);border-radius:20px;overflow:hidden}.hero .hero-card .hero-card-header{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:20px 24px;display:flex}.hero .hero-card .hero-card-avatar{background:linear-gradient(135deg, var(--accent-orange), var(--accent-amber));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-weight:600;display:flex}.hero .hero-card .hero-card-author{flex:1}.hero .hero-card .hero-card-author .hero-card-name{font-size:15px;font-weight:600}.hero .hero-card .hero-card-author .hero-card-handle{color:var(--text-muted);font-size:13px}.hero .hero-card .hero-card-body{padding:24px}.hero .hero-card .hero-card-body .hero-card-text{margin-bottom:20px;font-size:16px;line-height:1.6}.hero .hero-card .hero-card-body .hero-card-image{object-fit:cover;border-radius:12px;width:100%;height:200px;margin-bottom:20px}.hero .hero-card .hero-card-actions{border-top:1px solid var(--border);gap:28px;padding-top:16px;display:flex}.hero .hero-card .hero-card-actions .hero-card-action{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.hero .hero-decoration{background:linear-gradient(135deg, var(--accent-orange), var(--accent-amber));border-radius:16px;position:absolute}.hero .hero-decoration.hero-decoration-1{opacity:.12;width:100px;height:100px;top:-30px;right:-20px;transform:rotate(15deg)}.hero .hero-decoration.hero-decoration-2{opacity:.15;width:60px;height:60px;bottom:60px;left:-25px;transform:rotate(-12deg)}.hero .hero-decoration.hero-decoration-3{opacity:.1;border-radius:50%;width:40px;height:40px;top:50%;right:-40px}.main-content{max-width:1200px;margin-inline:auto;padding:60px 40px}@media (width<=900px){.main-content{padding:40px 20px}}.filters,.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:48px;display:flex}:is(.filters,.filter-bar) .filter-btn{font-family:var(--font-primary);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;background:0 0;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}:is(.filters,.filter-bar) .filter-btn:hover,:is(.filters,.filter-bar) .filter-btn.active{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-header .section-title{margin:0;font-size:1.5rem;font-weight:600}.section-header .section-link{color:var(--accent-orange);font-size:14px;font-weight:500}.post-list{flex-direction:column;gap:16px;display:flex}.post-list .post-item{background:var(--surface-primary);border:1px solid var(--border);border-radius:16px;grid-template-columns:220px 1fr;gap:28px;padding:24px;text-decoration:none;transition:all .2s;display:grid}.post-list .post-item:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-md)}@media (width<=900px){.post-list .post-item{grid-template-columns:1fr}}.post-list .post-item .post-item-image{object-fit:cover;border-radius:12px;width:100%;height:150px}@media (width<=900px){.post-list .post-item .post-item-image{height:200px}}.post-list .post-item .post-item-content{flex-direction:column;justify-content:center;display:flex}.post-list .post-item .post-item-meta{align-items:center;gap:12px;margin-bottom:12px;display:flex}.post-list .post-item .post-item-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.post-list .post-item .post-item-author{color:var(--text-muted);font-size:14px}.post-list .post-item .post-item-date{color:var(--text-muted);font-size:13px}.post-list .post-item .post-item-tag{color:var(--accent-orange);background:#ff6d2f1a;border-radius:4px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:600}.post-list .post-item .post-item-title{color:var(--text);margin-bottom:10px;font-size:1.25rem;font-weight:600}.post-list .post-item .post-item-excerpt{color:var(--text-muted);font-size:15px;line-height:1.6}.post-list .post-item .post-item-footer{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.post-list .post-item .post-item-stats{color:var(--text-muted);gap:16px;font-size:14px;display:flex}.post-list .post-item .post-item-link{color:var(--accent-orange);font-size:14px;font-weight:600}.explore-section{margin-top:64px}.explore-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=900px){.explore-grid{grid-template-columns:1fr}}.explore-grid .explore-card{background:var(--surface-primary);border:1px solid var(--border);border-radius:16px;text-decoration:none;transition:all .2s;overflow:hidden}.explore-grid .explore-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.explore-grid .explore-card .explore-card-image{object-fit:cover;width:100%;height:180px}.explore-grid .explore-card .explore-card-body{padding:20px}.explore-grid .explore-card .explore-card-tag{color:var(--accent-orange);text-transform:uppercase;font-size:11px;font-weight:600}.explore-grid .explore-card .explore-card-title{color:var(--text);margin-top:10px;font-size:1rem;font-weight:600}.cta-section{margin:64px 0}.cta-card{background:color-mix(in srgb, var(--accent-orange) 10%, var(--surface-primary));border-radius:16px;justify-content:space-between;align-items:center;padding:40px 48px;display:flex}@media (width<=900px){.cta-card{text-align:center;flex-direction:column;gap:24px;padding:32px 24px}}.cta-card .cta-content{max-width:420px}.cta-card .cta-title{margin-bottom:8px;font-size:1.25rem;font-weight:600}.cta-card .cta-text{color:var(--text-muted);margin:0;font-size:15px}.all-posts-page{min-height:80vh;padding:40px 24px}.all-posts-container{max-width:1200px;margin-inline:auto}.all-posts-header{text-align:center;margin-bottom:40px}.all-posts-title{font-size:2.5rem;font-weight:700}.all-posts-subtitle{color:var(--text-muted);font-size:1.125rem}.posts-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (width<=1024px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.posts-grid{grid-template-columns:1fr}}.post-card{background:var(--surface-primary);box-shadow:var(--shadow-md);border-radius:16px;flex-direction:column;height:100%;transition:all .3s;display:flex;position:relative;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.post-card .post-card-image-wrapper{width:100%;padding-top:56.25%;position:relative;overflow:hidden}.post-card .post-card-image-wrapper .post-card-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.post-card .post-card-image-wrapper .post-card-overlay{background:linear-gradient(#0000,#0000001a);width:100%;height:40%;position:absolute;bottom:0;left:0}.post-card .post-card-image-wrapper .post-card-badge{background:var(--accent-amber);color:var(--text-carbon);border-radius:8px;padding:4px 12px;font-size:13px;font-weight:500;position:absolute;top:16px;left:16px}.post-card .post-card-content{flex-direction:column;flex:1;padding:24px;display:flex}.post-card .post-card-title{color:var(--text);margin-bottom:10px;font-size:20px;font-weight:600}.post-card .post-card-description{color:var(--text-muted);flex:1;margin-bottom:16px;font-size:15px}.post-card .post-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.post-card .post-card-author{color:var(--text-muted);font-size:14px}.post-card .post-card-link{color:var(--accent-orange);font-size:14px;font-weight:500}.pagination-container{justify-content:center;gap:8px;margin-top:48px;display:flex}.post-container{max-width:800px;margin-inline:auto;padding:60px 24px}.post-container .post-header{text-align:center;margin-bottom:40px}.post-container .post-category{color:var(--accent-orange);text-transform:uppercase;background:#ff6d2f1a;border-radius:100px;margin-bottom:24px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.post-container .post-title{margin-bottom:24px;font-size:clamp(2rem,5vw,3rem);font-weight:700}.post-container .post-meta{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;font-size:15px;display:flex}.post-container .post-meta-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.post-container .post-meta-divider{background:var(--text-muted);opacity:.5;border-radius:50%;width:4px;height:4px}.post-container .post-image-container{box-shadow:var(--shadow-lg);object-fit:cover;border-radius:24px;height:450px;margin:0 -40px 60px;overflow:hidden}.post-container .post-image{width:100%;height:auto;display:block}.post-container .post-content{margin-bottom:60px;font-size:1.125rem;line-height:1.8}.post-container .post-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:40px;display:flex}.post-container .post-actions .reaction-buttons{gap:12px;display:flex}.post-container .post-actions .reaction-btn{border:1px solid var(--border);background:var(--surface-primary);color:var(--text-muted);cursor:pointer;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:inline-flex}.post-container .post-actions .reaction-btn:hover{border-color:var(--accent-orange);color:var(--accent-orange);background:#ff6d2f0d}.post-container .author-card{background:var(--surface-secondary);border-radius:20px;align-items:center;gap:32px;margin-top:80px;padding:40px;display:flex}@media (width<=768px){.post-container .author-card{text-align:center;flex-direction:column;padding:32px}}.post-container .author-card .author-avatar-large{object-fit:cover;border-radius:50%;width:100px;height:100px}.post-container .author-card .author-info h3{margin-bottom:8px;font-size:1.25rem;font-weight:700}.post-container .author-card .author-bio{color:var(--text-muted);line-height:1.6}.categories-page{min-height:80vh;padding:60px 24px}.categories-container{max-width:1200px;margin-inline:auto}.categories-header{text-align:center;margin-bottom:60px}.categories-title{font-size:3rem;font-weight:800}.categories-subtitle{color:var(--text-muted);max-width:600px;margin-inline:auto;font-size:1.25rem}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px;display:grid}.category-card{background:var(--surface-primary);box-shadow:var(--shadow-md);border:1px solid var(--border);border-radius:24px;flex-direction:column;justify-content:space-between;height:240px;padding:40px 32px;text-decoration:none;transition:all .4s;display:flex;position:relative;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.category-card:hover .category-arrow{opacity:1;transform:translate(0)}.category-card .category-icon-wrapper{width:56px;height:56px;color:var(--accent-orange);background:#ff6d2f1a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.category-card .category-name{color:var(--text);margin-bottom:8px;font-size:1.5rem;font-weight:700}.category-card .category-stats{color:var(--text-muted);font-size:.95rem}.category-card .category-arrow{color:var(--accent-orange);opacity:0;transition:all .3s;position:absolute;bottom:32px;right:32px;transform:translate(-10px)}.about-page .about-hero{text-align:center;background:linear-gradient(#0000 0%,#ff6d2f08 100%);padding:120px 24px 100px}.about-page .about-badge{color:var(--accent-orange);text-transform:uppercase;background:#ff6d2f1a;border-radius:100px;margin-bottom:24px;padding:8px 16px;font-size:.875rem;font-weight:600;display:inline-block}.about-page .about-title{margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.about-page .about-subtitle{color:var(--text-muted);max-width:700px;margin-inline:auto;font-size:1.25rem}.about-page .mission-section{max-width:1200px;margin-inline:auto;padding:80px 24px}.about-page .mission-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}@media (width<=900px){.about-page .mission-grid{grid-template-columns:1fr}}.about-page .mission-image{box-shadow:var(--shadow-lg);border-radius:32px;transition:transform .3s;overflow:hidden;transform:rotate(2deg)}.about-page .mission-image:hover{transform:rotate(0)}.about-page .mission-image img{width:100%;display:block}.about-page .features-section{background:var(--surface-primary);padding:80px 24px}.about-page .features-container{max-width:1200px;margin-inline:auto}.about-page .features-header{text-align:center;margin-bottom:60px}.about-page .features-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (width<=768px){.about-page .features-grid{grid-template-columns:1fr}}.about-page .feature-card{background:var(--surface-secondary);border-radius:24px;padding:40px 32px;transition:all .3s}.about-page .feature-card:hover{transform:translateY(-8px)}.about-page .feature-card .feature-icon-box{background:var(--surface-primary);width:64px;height:64px;color:var(--accent-orange);box-shadow:var(--shadow-sm);border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.about-page .feature-card .feature-title{margin-bottom:12px;font-size:1.25rem;font-weight:700}.about-page .feature-card .feature-desc{color:var(--text-muted)}.about-page .cta-box{background:var(--text-carbon);text-align:center;color:#fff;border-radius:32px;max-width:1000px;margin-inline:auto;padding:80px 40px}.about-page .cta-btn{background:var(--accent-orange);color:#fff;border-radius:100px;margin-top:24px;padding:16px 48px;font-weight:600;text-decoration:none;display:inline-block}.admin-dashboard{padding:24px}.admin-dashboard .admin-welcome-card{background:linear-gradient(135deg, var(--accent-orange) 0%, #ff8f5f 100%);color:#fff;border-radius:24px;margin-bottom:40px;padding:40px;box-shadow:0 10px 30px #ff6d2f33}.admin-dashboard .admin-welcome-card .admin-welcome-title{color:#fff;margin-bottom:8px;font-size:2.5rem;font-weight:800}.admin-dashboard .admin-welcome-card .admin-welcome-subtitle{opacity:.9;font-size:1.125rem}.admin-dashboard .stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px;display:grid}@media (width<=1024px){.admin-dashboard .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.admin-dashboard .stats-grid{grid-template-columns:1fr}}.admin-dashboard .stat-card{background:var(--surface-primary);border:1px solid var(--border);border-radius:20px;padding:24px;transition:transform .2s}.admin-dashboard .stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.admin-dashboard .stat-card .stat-header{justify-content:space-between;margin-bottom:16px;display:flex}.admin-dashboard .stat-card .stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-dashboard .stat-card .stat-icon.users{color:#0284c7;background:#e0f2fe}.admin-dashboard .stat-card .stat-icon.posts{color:#16a34a;background:#dcfce7}.admin-dashboard .stat-card .stat-icon.categories{color:#d97706;background:#fef3c7}.admin-dashboard .stat-card .stat-icon.banned{color:#dc2626;background:#fee2e2}.admin-dashboard .stat-card .stat-value{margin-bottom:4px;font-size:2rem;font-weight:700;line-height:1}.admin-dashboard .stat-card .stat-label{color:var(--text-muted);font-size:.875rem}.admin-dashboard .quick-actions-section{background:var(--surface-primary);border:1px solid var(--border);border-radius:24px;padding:32px}.admin-dashboard .quick-actions-section .section-title{margin-bottom:24px;font-size:1.25rem;font-weight:700}.admin-dashboard .quick-actions-section .actions-grid{flex-wrap:wrap;gap:16px;display:flex}.admin-dashboard .quick-actions-section .action-btn{border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.admin-dashboard .quick-actions-section .action-btn.primary{background:var(--accent-orange);color:#fff}.admin-dashboard .quick-actions-section .action-btn.secondary{background:var(--surface-secondary);color:var(--text)}.buzzy-admin-header{margin-bottom:var(--space-8);flex-direction:column;display:flex}.buzzy-admin-header .buzzy-admin-title{margin-bottom:4px;font-size:1.75rem;font-weight:700}.buzzy-table-container{background-color:var(--surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);overflow-x:auto}.buzzy-table{border-collapse:collapse;width:100%}.buzzy-table th,.buzzy-table td{padding:var(--space-4) var(--space-5);text-align:left}.buzzy-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background-color:var(--surface-secondary);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600}.buzzy-table tr{border-bottom:1px solid var(--border);height:52px}.buzzy-table tr:last-child{border-bottom:none}.buzzy-table tr:hover{background-color:var(--surface-secondary)}.buzzy-table .buzzy-table-actions{gap:var(--space-2);display:flex}.site-footer{background:#fafafa;padding:40px 40px 24px}.site-footer .footer-container{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto;display:grid}@media (width<=640px){.site-footer .footer-container{grid-template-columns:1fr;gap:24px}}.site-footer .footer-col h4{font-family:var(--font-primary);color:#1a1a1c;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.site-footer .footer-col ul{margin:0;padding:0;list-style:none}.site-footer .footer-col li{margin-bottom:6px}.site-footer .footer-col a{font-family:var(--font-primary);color:#6b6b6b;font-size:13px;text-decoration:none;transition:color .2s}.site-footer .footer-col a:hover{color:var(--accent-orange)}.site-footer .footer-bottom{border-top:1px solid #e8e8e8;max-width:1200px;margin:32px auto 0;padding-top:16px}.site-footer .footer-bottom p{font-family:var(--font-primary);color:#9a9a9a;margin:0;font-size:12px}@media (width<=640px){.site-footer{padding:32px 20px 20px}}[data-theme=dark] .site-footer{background:#1a1a1c}[data-theme=dark] .site-footer .footer-col h4{color:#fff}[data-theme=dark] .site-footer .footer-col a{color:#7a7a7a}[data-theme=dark] .site-footer .footer-bottom{border-color:#2a2a2e}.status-badge{border-radius:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.status-badge.status-banned{color:#ef4444;background:#ef444433}.status-badge.status-active{color:#22c55e;background:#22c55e33}.status-btn-unban{color:#22c55e!important;background:#22c55e33!important}.status-btn-delete{color:#ef4444!important;background:#ef44441a!important}}@layer utilities;:root{--bg-mist:#f7f6f4;--text-carbon:#1a1a1c;--accent-orange:#ff6d2f;--accent-amber:#ffd15c;--surface:#fff;--surface-soft:#f0efed;--border-light:#dad9d5;--border-dark:#a8a7a4;--dark-bg:#1a1a1c;--dark-surface:#1c1c1e;--dark-surface-hover:#2a2a2c;--dark-text:#f7f6f4;--dark-text-muted:#f7f6f4b3;--dark-border:#2a2a2c;--error-red:#ef4444;--success-green:#22c55e;--warning-yellow:#eab308;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 8px 24px #00000014;--shadow-hover:0 8px 20px #0000001a;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Work Sans", "Inter", sans-serif;--transition-fast:.12s ease-out;--transition-normal:.2s ease-out}[data-theme=light]{--bg:var(--bg-mist);--text:var(--text-carbon);--text-muted:#1a1a1cb3;--surface-primary:var(--surface);--surface-secondary:var(--surface-soft);--border:var(--border-light)}[data-theme=dark]{--bg:#141416;--text:#f7f6f4;--text-muted:#a0a0a5;--surface-primary:#1c1c1e;--surface-secondary:#242428;--border:#2e2e32}:root:not([data-theme]){--bg:var(--bg-mist);--text:var(--text-carbon);--text-muted:#1a1a1cb3;--surface-primary:var(--surface);--surface-secondary:var(--surface-soft);--border:var(--border-light)}::view-transition-old(root){animation:.25s cubic-bezier(.4,0,.2,1) both fade-out,.25s cubic-bezier(.4,0,.2,1) both scale-down}::view-transition-new(root){animation:.3s cubic-bezier(0,0,.2,1) both fade-in,.3s cubic-bezier(0,0,.2,1) both scale-up}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-down{0%{transform:scale(1)}to{transform:scale(.98)}}@keyframes scale-up{0%{transform:scale(1.01)}to{transform:scale(1)}}