@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg: #FFFFFF;--color-bg-secondary: #F8F9FA;--color-bg-card: #FFFFFF;--color-primary: #1A1A1A;--color-accent: #2c2c2c;--color-text: #1F2937;--color-text-muted: #6B7280;--glass-bg: #FFFFFF;--glass-border: #E5E7EB;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .12), 0 8px 10px -6px rgba(0, 0, 0, .06);--radius-card: 16px;--radius-btn: 30px;--rarity-legendary: #f59e0b;--rarity-legendary-bg: rgba(245, 158, 11, .12);--rarity-epic: #a855f7;--rarity-epic-bg: rgba(168, 85, 247, .12);--rarity-elite: #3b82f6;--rarity-elite-bg: rgba(59, 130, 246, .12);--rarity-rare: #10b981;--rarity-rare-bg: rgba(16, 185, 129, .12);--brand-gold: #eab308;--brand-dragon: #ef4444;--brand-cyan: #06b6d4;--font-header: "Inter", sans-serif;--font-body: "Inter", sans-serif}[data-theme=dark]{--color-bg: #0b0f19;--color-bg-secondary: #111827;--color-bg-card: #151d30;--color-primary: #FFFFFF;--color-accent: #e0e0e0;--color-text: #E5E7EB;--color-text-muted: #9CA3AF;--glass-bg: rgba(21, 29, 48, .85);--glass-border: #1f293d;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 10px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-hover: 0 20px 30px -5px rgba(0, 0, 0, .7), 0 10px 15px -5px rgba(0, 0, 0, .5);--rarity-legendary-bg: rgba(245, 158, 11, .2);--rarity-epic-bg: rgba(168, 85, 247, .2);--rarity-elite-bg: rgba(59, 130, 246, .2);--rarity-rare-bg: rgba(16, 185, 129, .2)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);color:var(--color-primary);font-weight:700;letter-spacing:-.02em;text-transform:none}a{color:inherit;text-decoration:none;transition:color .2s ease}.container{max-width:1240px;margin:0 auto;padding:0 24px}.btn-primary{background:linear-gradient(135deg,#e53e3e,#dd6b20);color:#fff;padding:12px 26px;font-family:var(--font-header);font-weight:600;border:none;border-radius:var(--radius-btn);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:none;font-size:.95rem;display:inline-flex;align-items:center;gap:8px;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px 14px #e53e3e59}.btn-primary:hover{background:linear-gradient(135deg,#c53030,#c05621);transform:translateY(-2px);box-shadow:0 6px 20px #e53e3e73}.btn-secondary{background-color:var(--color-bg-card);color:var(--color-text);border:1px solid var(--glass-border);padding:11px 24px;font-weight:600;border-radius:var(--radius-btn);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-size:.95rem;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-bg-secondary);border-color:var(--color-text-muted);transform:translateY(-2px);box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #f59e0b33}50%{box-shadow:0 0 25px #f59e0b73}}.animate-fade-in{animation:fadeIn .4s ease forwards}.header{position:fixed;top:0;left:0;width:100%;padding:24px 0;z-index:1000;background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid transparent;transition:all .3s ease}[data-theme=dark] .header{background-color:#0f0f0fe6}.header.scrolled{padding:16px 0;border-bottom:1px solid #F3F4F6;box-shadow:var(--shadow-sm)}[data-theme=dark] .header.scrolled{border-bottom-color:#374151}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-header);font-size:1.5rem;font-weight:800;color:var(--color-primary);display:flex;align-items:center;gap:8px}.logo-img{height:40px;width:auto}nav ul{display:flex;list-style:none;gap:40px}nav a{font-weight:500;font-size:.95rem;color:var(--color-text);text-transform:none}nav a:hover{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:16px}.theme-toggle{background:none;border:2px solid var(--glass-border);border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle:hover{background:var(--color-bg-secondary);transform:scale(1.1)}.home-hero-banner{position:relative;padding-top:130px;padding-bottom:60px;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(229,62,62,.08) 0%,transparent 60%)}[data-theme=dark] .home-hero-banner{background:radial-gradient(circle at 50% 20%,#ef44441f,#0f172a00 70%)}.hero-banner-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:.5}.glow-1{width:350px;height:350px;background:#f59e0b26;top:5%;left:15%}.glow-2{width:400px;height:400px;background:#e53e3e26;top:10%;right:15%}.hero-banner-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:900px;margin:0 auto}.hero-badge-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:50px;margin-bottom:20px;font-size:.85rem;font-weight:600;color:#ef4444}[data-theme=dark] .hero-badge-pill{background:#ef444426;border-color:#ef444459;color:#fca5a5}.badge-pulse{width:8px;height:8px;border-radius:50%;background-color:#ef4444;box-shadow:0 0 #ef4444b3;animation:pulseBadge 2s infinite}@keyframes pulseBadge{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.hero-main-title{font-size:3.5rem;font-weight:800;line-height:1.15;margin-bottom:20px;letter-spacing:-.03em;color:var(--color-primary)}.text-gradient{background:linear-gradient(135deg,#ef4444,#f59e0b,#ea580c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.15rem;color:var(--color-text-muted);max-width:680px;margin:0 auto 36px;line-height:1.65}.hero-search-wrapper{position:relative;width:100%;max-width:620px;margin-bottom:28px;z-index:10}.hero-search-bar{display:flex;align-items:center;background:var(--color-bg-card);border:2px solid var(--glass-border);border-radius:50px;padding:8px 18px;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-search-bar:focus-within{border-color:#ef4444;box-shadow:0 0 0 4px #ef444426,var(--shadow-hover);transform:translateY(-2px)}.hero-search-bar .search-icon{font-size:1.2rem;margin-right:12px;opacity:.8}.hero-search-bar input{flex:1;border:none;background:transparent;font-size:1.05rem;color:var(--color-text);outline:none;font-family:inherit}.hero-search-bar input::placeholder{color:var(--color-text-muted)}.clear-search-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:50%;transition:all .2s ease}.clear-search-btn:hover{color:var(--color-primary);background:#0000000d}.hero-search-dropdown{position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-hover);max-height:440px;overflow-y:auto;text-align:left;z-index:50;padding:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.no-search-results{padding:24px;text-align:center;color:var(--color-text)}.no-search-results strong{color:#ef4444}.no-search-results span{display:block;margin-top:6px;font-size:.85rem;color:var(--color-text-muted)}.search-group{margin-bottom:12px}.search-group:last-child{margin-bottom:0}.search-group-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:6px 12px}.search-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;cursor:pointer;transition:all .15s ease}.search-item:hover{background:var(--color-bg-secondary);transform:translate(4px)}.search-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;background:var(--color-bg-secondary);border:1px solid var(--glass-border);flex-shrink:0}.search-item-info{flex:1;min-width:0}.search-item-name{font-size:.95rem;font-weight:600;color:var(--color-primary);display:flex;align-items:center;gap:8px}.search-alt-name{font-size:.8rem;color:var(--color-text-muted);font-weight:400}.search-item-sub{font-size:.8rem;color:var(--color-text-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:capitalize}.search-badge.legendary{background:var(--rarity-legendary-bg);color:var(--rarity-legendary);border:1px solid rgba(245,158,11,.3)}.search-badge.epic{background:var(--rarity-epic-bg);color:var(--rarity-epic);border:1px solid rgba(168,85,247,.3)}.search-badge.elite{background:var(--rarity-elite-bg);color:var(--rarity-elite);border:1px solid rgba(59,130,246,.3)}.search-badge.rare{background:var(--rarity-rare-bg);color:var(--rarity-rare);border:1px solid rgba(16,185,129,.3)}.hero-cta-group{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:48px}.hero-stats-bar{display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:20px;padding:16px 28px;box-shadow:var(--shadow-md);width:100%;max-width:820px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.stat-number{font-size:1.6rem;font-weight:800;color:var(--color-primary);line-height:1.1;background:linear-gradient(135deg,#ef4444,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.8rem;color:var(--color-text-muted);font-weight:500;text-align:center}.stat-divider{width:1px;height:36px;background:var(--glass-border);margin:0 12px}@media(max-width:850px){.home-hero-banner{padding-top:100px;padding-bottom:40px}.hero-main-title{font-size:2.4rem}.hero-subtitle{font-size:1rem}.hero-stats-bar{flex-direction:column;gap:16px;padding:20px}.stat-divider{width:80%;height:1px;margin:0}}.featured-section{padding:40px 0 60px}.section-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.section-title-group{display:flex;flex-direction:column;gap:6px}.section-badge{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#ef4444}.section-header-row h2{font-size:2rem;font-weight:800;color:var(--color-primary)}.view-all-link{font-weight:600;color:var(--color-text-muted);font-size:.95rem;display:flex;align-items:center;gap:6px;transition:all .2s ease}.view-all-link span{transition:transform .2s ease}.view-all-link:hover{color:#ef4444}.view-all-link:hover span{transform:translate(4px)}.featured-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:32px}.main-featured-card{height:520px;border-radius:20px;background-size:cover;background-position:center;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-lg);transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;border:1px solid var(--glass-border)}.main-featured-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.main-featured-card .overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000004d,#0006 40%,#0a0e18f2);z-index:1;transition:background .3s ease}.main-featured-card:hover .overlay{background:linear-gradient(180deg,#0003,#00000059 40%,#0a0e18fa)}.featured-top-meta{position:relative;z-index:2;padding:24px;display:flex;justify-content:space-between;align-items:center}.tag-pill{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:6px 16px;border-radius:100px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 4px 10px #ef444466}.read-time-pill{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:6px 14px;border-radius:100px;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.15)}.main-featured-card .content{position:relative;z-index:2;padding:32px 28px;width:100%}.main-featured-card h2{font-size:2.1rem;margin-bottom:12px;color:#fff;line-height:1.2;font-weight:800;transition:color .2s ease}.main-featured-card:hover h2{color:#fca5a5}.main-featured-card p{color:#ffffffd1;font-size:1.05rem;line-height:1.55;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.main-featured-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.15);padding-top:16px}.author-box{display:flex;align-items:center;gap:10px}.author-box img{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.author-box span{color:#fff;font-size:.9rem;font-weight:500}.read-cta{display:flex;align-items:center;gap:6px;color:#fca5a5;font-size:.9rem;font-weight:700}.read-cta span{transition:transform .2s ease}.main-featured-card:hover .read-cta span{transform:translate(4px)}.side-featured{display:flex;flex-direction:column}.side-list{display:flex;flex-direction:column;gap:16px}.side-item{display:flex;align-items:center;gap:16px;padding:12px;background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none}.side-item:hover{transform:translate(4px);border-color:#ef44444d;box-shadow:var(--shadow-md)}.side-item-image-wrapper{position:relative;flex-shrink:0;width:100px;height:90px;border-radius:12px;overflow:hidden}.side-item-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.side-item:hover .side-item-image-wrapper img{transform:scale(1.08)}.side-category-badge{position:absolute;bottom:4px;left:4px;font-size:.65rem;font-weight:700;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:2px 6px;border-radius:6px}.side-item-content{display:flex;flex-direction:column;gap:4px;min-width:0}.side-item h4{font-size:.98rem;color:var(--color-primary);line-height:1.35;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.side-item:hover h4{color:#ef4444}.side-item-excerpt{font-size:.8rem;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.side-meta{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-text-muted);margin-top:2px}@media(max-width:960px){.featured-layout{grid-template-columns:1fr}.main-featured-card{height:420px}.main-featured-card h2{font-size:1.6rem}}.quick-links-section{padding:20px 0 60px}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.quick-link-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:20px;padding:24px;text-decoration:none;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-link-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .3s ease}.quick-link-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#ef44444d}.quick-link-card:nth-child(1):hover:before{background:#ef4444}.quick-link-card:nth-child(2):hover:before{background:#f59e0b}.quick-link-card:nth-child(3):hover:before{background:#10b981}.quick-link-card:nth-child(4):hover:before{background:#6366f1}.quick-link-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.quick-link-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:transform .3s ease}.quick-link-card:hover .quick-link-icon-wrap{transform:scale(1.1) rotate(4deg)}.quick-link-emoji{font-size:1.5rem}.quick-link-badge{font-size:.75rem;font-weight:700;padding:4px 10px;background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:20px;color:var(--color-text-muted)}.quick-link-info h3{font-size:1.2rem;font-weight:700;color:var(--color-primary);margin-bottom:8px;transition:color .2s ease}.quick-link-card:hover .quick-link-info h3{color:#ef4444}.quick-link-info p{font-size:.88rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:20px}.quick-link-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--glass-border);padding-top:14px}.quick-link-count{font-size:.85rem;font-weight:700;color:var(--color-text)}.quick-link-arrow{width:32px;height:32px;border-radius:50%;background:var(--color-bg-secondary);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .2s ease}.quick-link-arrow svg{width:14px;height:14px}.quick-link-card:hover .quick-link-arrow{background:var(--color-primary);color:var(--color-bg);transform:translate(4px)}.hero-card{background:var(--color-bg-card);border-radius:18px;overflow:hidden;position:relative;border:1px solid var(--glass-border);display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);height:100%}.hero-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.hero-card.legendary:hover{border-color:#f59e0b99;box-shadow:0 12px 28px -5px #f59e0b40}.hero-card.epic:hover{border-color:#a855f799;box-shadow:0 12px 28px -5px #a855f740}.hero-card.elite:hover{border-color:#3b82f699;box-shadow:0 12px 28px -5px #3b82f640}.hero-card.rare:hover{border-color:#10b98199;box-shadow:0 12px 28px -5px #10b98140}.hero-card-image-wrap{height:200px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at 50% 60%,rgba(255,255,255,.05) 0%,transparent 70%),var(--color-bg-secondary)}.hero-card.legendary .hero-card-image-wrap{background:radial-gradient(circle at 50% 60%,rgba(245,158,11,.1) 0%,var(--color-bg-secondary) 80%)}.hero-card.epic .hero-card-image-wrap{background:radial-gradient(circle at 50% 60%,rgba(168,85,247,.1) 0%,var(--color-bg-secondary) 80%)}.hero-card-image-wrap img{width:100%;height:100%;object-fit:contain;transition:transform .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 6px 10px rgba(0,0,0,.2))}.hero-card:hover .hero-card-image-wrap img{transform:scale(1.08) translateY(-4px)}.hero-card-badges-top{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none}.hero-rarity-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:20px;box-shadow:0 2px 6px #0003}.hero-rarity-tag.legendary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-weight:800}.hero-rarity-tag.epic{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.hero-rarity-tag.elite{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.hero-rarity-tag.rare{background:linear-gradient(135deg,#10b981,#047857);color:#fff}.hero-flying-badge{background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#67e8f9;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:12px;border:1px solid rgba(103,232,249,.3)}.hero-card-rating{position:absolute;bottom:10px;right:12px;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:.78rem;font-weight:700;padding:3px 8px;border-radius:20px;display:flex;align-items:center;gap:4px}.hero-card-rating .star{color:#f59e0b}.hero-card-content{padding:18px;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.hero-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px}.hero-name{font-size:1.15rem;font-weight:700;color:var(--color-primary);line-height:1.25;transition:color .2s ease}.hero-card:hover .hero-name{color:#ef4444}.hero-role-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);background:var(--color-bg-secondary);padding:3px 8px;border-radius:6px;white-space:nowrap;border:1px solid var(--glass-border)}.hero-desc{font-size:.88rem;color:var(--color-text-muted);margin-bottom:16px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-card-bottom{margin-top:auto;border-top:1px solid var(--glass-border);padding-top:12px;display:flex;flex-direction:column;gap:10px}.hero-meta-tags{display:flex;gap:6px;flex-wrap:wrap}.hero-category-tag{font-size:.72rem;font-weight:600;color:var(--color-text-muted);background:var(--color-bg-secondary);padding:2px 8px;border-radius:12px;border:1px solid var(--glass-border)}.hero-card-action{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:.8rem;font-weight:700;color:#ef4444;opacity:.8;transition:all .2s ease}.hero-card-action svg{width:12px;height:12px;transition:transform .2s ease}.hero-card:hover .hero-card-action{opacity:1}.hero-card:hover .hero-card-action svg{transform:translate(4px)}.highlights-section{padding:30px 0 60px}.section-desc{color:var(--color-text-muted);font-size:1rem;margin-top:4px;max-width:680px}.hero-filter-tabs{display:flex;gap:10px;margin-bottom:32px;flex-wrap:wrap}.hero-filter-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:50px;background:var(--color-bg-card);border:1px solid var(--glass-border);color:var(--color-text);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.hero-filter-tab:hover{border-color:var(--color-text-muted);transform:translateY(-2px)}.hero-filter-tab.active{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary);box-shadow:var(--shadow-md)}[data-theme=dark] .hero-filter-tab.active{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 14px #ef444466}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.highlights-footer-cta{display:flex;justify-content:center;margin-top:36px}@media(max-width:768px){.section-header-row{flex-direction:column;align-items:flex-start;gap:16px}.hero-filter-tabs{overflow-x:auto;padding-bottom:6px;width:100%;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.hero-filter-tab{flex-shrink:0}.highlights-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}}.war-pet-card{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color);height:100%;position:relative;box-shadow:0 4px 6px #0000001a}.war-pet-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000004d;border-color:var(--accent-primary)}.war-pet-card-image{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:1rem}.war-pet-card-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.war-pet-card:hover .war-pet-card-image img{transform:scale(1.05)}.war-pet-card-content{padding:1rem;display:flex;flex-direction:column;flex-grow:1}.war-pet-header h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;color:var(--text-primary)}.war-pet-description{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.war-pet-meta{display:flex;gap:.75rem;margin-top:auto;flex-wrap:wrap}.war-pet-tag{font-size:.75rem;padding:.35rem .85rem;background:#ffffff0d;border-radius:100px;color:var(--text-secondary);border:1px solid var(--border-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.war-pet-tag.attr-1{border-color:#ff9800;color:#ff9800;background:#ff98001a}.war-pet-tag.attr-2{border-color:#4caf50;color:#4caf50;background:#4caf501a}.pet-image-fallback{font-size:5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.war-pets-highlights-section{padding:30px 0 60px}.badge-green{color:#10b981!important}.war-pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}@media(max-width:768px){.war-pets-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}}.artifact-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;border:1px solid #F3F4F6;display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;height:100%}.artifact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.artifact-card-image{height:160px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f9fafb}.artifact-card-image img{width:80%;height:80%;object-fit:contain;transition:transform .5s ease}.artifact-card:hover .artifact-card-image img{transform:scale(1.1)}.artifact-rarity-tag{position:absolute;top:12px;right:12px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.artifact-card.legendary .artifact-rarity-tag{background:linear-gradient(135deg,gold,#daa520);color:#000;box-shadow:0 2px 10px #daa5204d}.artifact-card.epic .artifact-rarity-tag{background:linear-gradient(135deg,#9370db,#8a2be2);color:#fff;box-shadow:0 2px 10px #8a2be24d}.artifact-card.rare .artifact-rarity-tag{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;box-shadow:0 2px 10px #2563eb4d}.artifact-card.uncommon .artifact-rarity-tag{background:linear-gradient(135deg,#34d399,#059669);color:#fff;box-shadow:0 2px 10px #0596694d}.artifact-card-content{padding:1rem;display:flex;flex-direction:column;flex-grow:1}.artifact-header{margin-bottom:8px}.artifact-card-content h3{font-size:1.1rem;color:var(--color-primary);font-weight:700;margin:0;line-height:1.3}.artifact-sub{font-size:.9rem;color:var(--color-text-muted);margin-bottom:16px;font-weight:500}.artifact-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}.artifact-role{font-size:.75rem;font-weight:600;color:#4b5563;background:#f3f4f6;padding:4px 10px;border-radius:20px}.artifacts-highlights-section{padding:30px 0 60px}.badge-gold{color:#f59e0b!important}.artifacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}@media(max-width:768px){.artifacts-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}}.post-card-link{text-decoration:none;color:inherit;display:block}.post-card{background:#fff;border:none;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease}.post-card:hover{transform:translateY(-4px)}.card-image{height:220px;border-radius:16px;overflow:hidden;margin-bottom:24px;box-shadow:var(--shadow-sm)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.post-card:hover .card-image img{transform:scale(1.05)}.card-content{display:flex;flex-direction:column;flex-grow:1}.card-cat{font-size:.75rem;color:#111;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.card-content h3{font-size:1.25rem;margin-bottom:12px;color:var(--color-primary);line-height:1.35;font-weight:700}.card-content p{font-size:.95rem;color:var(--color-text-muted);margin-bottom:24px;line-height:1.6}.card-footer{margin-top:auto;padding-top:0}.author-info{display:flex;align-items:center;gap:12px}.author-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.author-text{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:.85rem}.author-name{color:var(--color-text);font-weight:600}.read-time{color:var(--color-text-muted)}.post-section{padding:30px 0 60px}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}@media(max-width:768px){.post-grid{grid-template-columns:1fr;gap:20px}}.community-banner-section{padding:30px 0 80px}.community-banner-card{position:relative;border-radius:24px;background:linear-gradient(135deg,#ef444414,#f59e0b14),var(--color-bg-card);border:1px solid var(--glass-border);padding:60px 40px;text-align:center;overflow:hidden;box-shadow:var(--shadow-lg)}[data-theme=dark] .community-banner-card{background:linear-gradient(135deg,#ef444426,#6366f11f),#111827;border-color:#1f293d}.community-banner-glow{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:500px;height:300px;background:radial-gradient(circle,rgba(239,68,68,.2) 0%,transparent 70%);pointer-events:none}.community-banner-content{position:relative;z-index:2;max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.community-badge{display:inline-block;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#ef4444;margin-bottom:16px;padding:4px 14px;border-radius:50px;background:#ef44441a}.community-banner-card h2{font-size:2.2rem;font-weight:800;line-height:1.2;color:var(--color-primary);margin-bottom:16px}.community-banner-card p{font-size:1.05rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:32px}.community-cta-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.discord-btn:hover{background-color:#5865f2;color:#fff;border-color:#5865f2}@media(max-width:768px){.community-banner-card{padding:40px 20px}.community-banner-card h2{font-size:1.7rem}}.footer{background:var(--color-bg-card);border-top:1px solid var(--glass-border);margin-top:80px;padding:70px 0 30px}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;margin-bottom:50px}.footer-brand{max-width:340px}.footer-logo{font-family:var(--font-header);font-size:1.5rem;font-weight:800;color:var(--color-primary);margin-bottom:12px}.footer-logo span{color:#ef4444}.footer-tagline{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.footer-links{display:flex;flex-wrap:wrap;gap:60px}.link-group h4{color:var(--color-primary);margin-bottom:20px;font-size:.95rem;font-weight:700}.link-group a{display:block;color:var(--color-text-muted);margin-bottom:10px;font-size:.9rem;font-weight:500;transition:color .2s ease,transform .2s ease}.link-group a:hover{color:#ef4444;transform:translate(3px)}.footer-bottom{text-align:center;padding-top:25px;border-top:1px solid var(--glass-border);color:var(--color-text-muted);font-size:.82rem}@media(max-width:768px){.footer-links{gap:32px}}.heroes-page{padding-top:110px;padding-bottom:80px}.heroes-hub-header{text-align:center;max-width:800px;margin:0 auto 40px;display:flex;flex-direction:column;align-items:center}.hub-badge{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#ef4444;padding:6px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:50px;margin-bottom:16px}.heroes-hub-header h1{font-size:3.2rem;font-weight:800;line-height:1.15;margin-bottom:16px;background:linear-gradient(135deg,var(--color-primary) 0%,#ef4444 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.heroes-hub-header p{font-size:1.1rem;color:var(--color-text-muted);line-height:1.6}.heroes-controls-panel{background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:20px;padding:24px;margin-bottom:40px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px}.controls-top-row{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.hub-search-box{flex:1;min-width:280px;display:flex;align-items:center;background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:50px;padding:8px 16px;transition:all .2s ease}.hub-search-box:focus-within{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.hub-search-box .search-icon{margin-right:10px;font-size:1.1rem;opacity:.7}.hub-search-input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--color-text);outline:none}.clear-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.9rem;padding:2px 6px}.hub-sort-box{display:flex;align-items:center;gap:10px}.hub-sort-box label{font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.hub-sort-select{padding:10px 18px;border-radius:50px;border:1px solid var(--glass-border);background:var(--color-bg-secondary);color:var(--color-text);font-size:.9rem;font-weight:600;outline:none;cursor:pointer;transition:border-color .2s ease}.hub-sort-select:focus{border-color:#ef4444}.filter-group{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.filter-group-label{font-size:.85rem;font-weight:700;color:var(--color-text-muted);min-width:120px}.filter-pills-row{display:flex;gap:8px;flex-wrap:wrap}.filter-pills-row.scrollable{overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.filter-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:50px;background:var(--color-bg-secondary);border:1px solid var(--glass-border);color:var(--color-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.filter-pill:hover{border-color:var(--color-text-muted);transform:translateY(-1px)}.filter-pill.active{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}[data-theme=dark] .filter-pill.active{background:#ef4444;color:#fff;border-color:#ef4444}.extra-filters-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--glass-border);padding-top:16px;flex-wrap:wrap;gap:12px}.toggle-filter-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:50px;background:var(--color-bg-secondary);border:1px solid var(--glass-border);color:var(--color-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.toggle-filter-btn:hover{border-color:var(--color-text-muted)}.toggle-filter-btn.active{background:#06b6d426;border-color:#06b6d4;color:#0891b2}[data-theme=dark] .toggle-filter-btn.active{background:#06b6d440;color:#67e8f9}.results-count-badge{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--color-text-muted)}.results-count-badge strong{color:var(--color-primary)}.reset-filters-link{background:transparent;border:none;color:#ef4444;font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:underline}.heroes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.no-heroes-found{grid-column:1 / -1;text-align:center;padding:60px 20px;background:var(--color-bg-card);border:1px dashed var(--glass-border);border-radius:20px}.no-results-icon{font-size:3rem;margin-bottom:12px}.no-heroes-found h3{font-size:1.4rem;margin-bottom:8px;color:var(--color-primary)}.no-heroes-found p{color:var(--color-text-muted);margin-bottom:20px}@media(max-width:768px){.heroes-hub-header h1{font-size:2.2rem}.controls-top-row{flex-direction:column;align-items:stretch}.hub-sort-box{justify-content:space-between}.filter-group{flex-direction:column;align-items:flex-start;gap:8px}.filter-pills-row{width:100%;overflow-x:auto;flex-wrap:nowrap}.heroes-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}}.hero-detail-page{padding-top:80px;padding-bottom:80px}.hero-breadcrumb{padding:16px 0;font-size:.85rem}.breadcrumb-list{display:flex;align-items:center;gap:8px;list-style:none;padding:0;margin:0;color:var(--color-text-muted)}.breadcrumb-item a{color:var(--color-text-muted);transition:color .2s ease}.breadcrumb-item a:hover{color:#ef4444}.breadcrumb-separator{color:var(--color-text-muted);opacity:.5}.breadcrumb-item.active{color:var(--color-primary);font-weight:600}.hero-header-section{position:relative;padding:40px 0 50px;background:var(--color-bg-card);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);overflow:hidden}.hero-header-bg-glow{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:600px;height:350px;background:radial-gradient(circle,rgba(239,68,68,.12) 0%,transparent 70%);pointer-events:none}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;color:var(--color-text-muted);font-weight:600;font-size:.9rem;transition:all .2s ease}.back-link:hover{color:#ef4444;transform:translate(-3px)}.hero-profile{display:flex;align-items:center;gap:36px;position:relative;z-index:2}.hero-avatar-frame{width:170px;height:170px;border-radius:24px;padding:6px;background:var(--color-bg-secondary);border:2px solid var(--glass-border);box-shadow:var(--shadow-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.hero-avatar-frame.legendary{border-color:#f59e0b;box-shadow:0 0 25px #f59e0b59}.hero-avatar-frame.epic{border-color:#a855f7;box-shadow:0 0 25px #a855f759}.hero-avatar-frame.elite{border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.hero-avatar-frame.rare{border-color:#10b981;box-shadow:0 0 20px #10b9814d}.hero-profile-img{width:100%;height:100%;border-radius:18px;object-fit:cover}.hero-title-block{display:flex;flex-direction:column;gap:8px}.hero-badge-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-badge{text-transform:uppercase;font-size:.75rem;font-weight:800;padding:4px 12px;border-radius:20px;letter-spacing:.04em}.hero-badge.legendary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000}.hero-badge.epic{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.hero-badge.rare{background:linear-gradient(135deg,#10b981,#047857);color:#fff}.hero-season-badge{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:20px;background:var(--color-bg-secondary);border:1px solid var(--glass-border);color:var(--color-text-muted)}.hero-fly-tag{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:20px;background:#06b6d426;border:1px solid rgba(6,182,212,.35);color:#0891b2}[data-theme=dark] .hero-fly-tag{color:#67e8f9}.hero-title-block h1{font-size:2.6rem;font-weight:800;line-height:1.15;color:var(--color-primary);margin:4px 0}.hero-subtitle{font-size:1.1rem;color:var(--color-text-muted);font-weight:500}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.tag{background:var(--color-bg-secondary);border:1px solid var(--glass-border);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;color:var(--color-text)}.hero-body{padding-top:40px;display:flex;flex-direction:column;gap:48px}.hero-toc{background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:18px;padding:20px 24px;box-shadow:var(--shadow-sm)}.toc-title{font-size:.95rem;font-weight:700;color:var(--color-primary);margin-bottom:12px}.toc-links{display:flex;flex-wrap:wrap;gap:8px}.toc-link{font-size:.82rem;font-weight:600;padding:6px 12px;border-radius:20px;background:var(--color-bg-secondary);border:1px solid var(--glass-border);color:var(--color-text);text-decoration:none;transition:all .2s ease}.toc-link:hover{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary);transform:translateY(-1px)}.quick-build-box{background:var(--color-bg-card);border:2px solid var(--glass-border);border-radius:22px;padding:32px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.quick-build-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ef4444,#f59e0b)}.quick-build-header{margin-bottom:24px}.quick-build-tag{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#ef4444;display:inline-block;margin-bottom:6px}.quick-build-title{font-size:1.6rem;font-weight:800;color:var(--color-primary);margin-bottom:6px}.quick-build-desc{font-size:.95rem;color:var(--color-text-muted)}.quick-build-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:24px}.quick-build-card{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px}.quick-build-card-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.quick-build-card-value{font-size:1rem;font-weight:700;color:var(--color-primary)}.quick-build-card-value.highlight{color:#ef4444}.quick-build-card-value.skill-prio{font-family:monospace;font-size:1.05rem;color:#f59e0b;background:#f59e0b1a;padding:4px 8px;border-radius:6px;display:inline-block;width:fit-content}.quick-build-link-item{display:flex;align-items:center;gap:10px}.quick-chip-img{width:40px;height:40px;border-radius:10px;object-fit:cover;border:1px solid var(--glass-border);background:var(--color-bg-card)}.quick-chip-name{font-size:.95rem;font-weight:700;color:var(--color-primary);text-decoration:none;transition:color .2s ease}.quick-chip-name:hover{color:#ef4444}.quick-build-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--glass-border);padding-top:18px;flex-wrap:wrap;gap:12px}.quick-build-score{font-size:.95rem;color:var(--color-text);display:flex;align-items:center;gap:6px}.quick-build-score .star{color:#f59e0b;font-size:1.2rem}.quick-build-score .votes{color:var(--color-text-muted);font-size:.85rem}.quick-build-quality-badge{font-size:.82rem;font-weight:700;padding:5px 12px;border-radius:20px;background:var(--color-bg-secondary);border:1px solid var(--glass-border)}.quick-stats-section{display:flex;flex-direction:column;gap:18px}.section-title{font-size:1.8rem;font-weight:800;color:var(--color-primary);line-height:1.25}.section-subtitle{font-size:1rem;color:var(--color-text-muted);margin-top:-8px}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.quick-stat-item{background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-sm)}.quick-stat-item .label{font-size:.78rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted)}.quick-stat-item .value{font-size:1.05rem;font-weight:700;color:var(--color-primary)}.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.pros-box,.cons-box{border-radius:18px;padding:24px;border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.pros-box{background:#10b9810d;border-color:#10b9814d}.cons-box{background:#ef44440d;border-color:#ef44444d}.pros-box-header,.cons-box-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.pros-box-header h3{color:#10b981;font-size:1.2rem;font-weight:700}.cons-box-header h3{color:#ef4444;font-size:1.2rem;font-weight:700}.pros-box ul,.cons-box ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.pros-box li,.cons-box li{font-size:.92rem;color:var(--color-text);display:flex;align-items:flex-start;gap:10px;line-height:1.5}.pros-box .icon{color:#10b981;font-weight:800}.cons-box .icon{color:#ef4444;font-weight:800}.hero-guide-section{background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:20px;padding:32px;box-shadow:var(--shadow-sm)}.guide-content-text p{font-size:1.05rem;line-height:1.7;color:var(--color-text);margin-top:14px}.talent-trees-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:18px}.talent-tree-card{background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:18px;padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px;transition:transform .2s ease}.talent-tree-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.tree-type-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:20px;width:fit-content}.tree-type-pvp{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.tree-type-pve{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.talent-tree-card h3{font-size:1.2rem;font-weight:700;color:var(--color-primary)}.talent-tree-card p{font-size:.92rem;color:var(--color-text-muted);line-height:1.6}.skill-priority-highlight{background:var(--color-bg-card);border:1px solid var(--glass-border);border-left:4px solid #f59e0b;border-radius:14px;padding:16px 20px;margin:16px 0 24px}.skill-priority-header{display:flex;align-items:center;gap:10px;font-size:1rem;color:var(--color-primary)}.prio-code{font-family:monospace;font-size:1.1rem;font-weight:800;color:#f59e0b;background:#f59e0b1f;padding:2px 8px;border-radius:6px}.prio-note{font-size:.88rem;color:var(--color-text-muted);margin-top:6px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px}.skill-card{background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:18px;padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.skill-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.skill-title-group{display:flex;align-items:center;gap:14px}.skill-icon{width:52px;height:52px;border-radius:12px;object-fit:cover;background:var(--color-bg-secondary);border:2px solid var(--glass-border);flex-shrink:0}.skill-name-wrap h3{font-size:1.15rem;font-weight:700;color:var(--color-primary);margin-bottom:4px}.skill-type-badge{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:12px}.skill-type-badge.active{background:#ef44441f;color:#ef4444}.skill-type-badge.passive{background:#6366f11f;color:#6366f1}.skill-type-badge.awakened{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000}.rage-cost{font-size:.78rem;font-weight:700;background:#ef44441f;color:#ef4444;padding:4px 10px;border-radius:20px;white-space:nowrap}.skill-desc{font-size:.92rem;color:var(--color-text);line-height:1.6;white-space:pre-line}.skill-upgrade{background:var(--color-bg-secondary);border:1px dashed var(--glass-border);border-radius:10px;padding:12px}.skill-upgrade strong{display:block;font-size:.78rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:6px}.skill-upgrade pre{font-family:inherit;font-size:.85rem;color:var(--color-text-muted);white-space:pre-wrap;line-height:1.5}.pairings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:18px}.pairing-card{background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:18px;padding:20px;text-decoration:none;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.pairing-card:hover{transform:translateY(-4px);border-color:#ef4444;box-shadow:var(--shadow-md)}.pairing-header{display:flex;align-items:center;gap:14px}.pairing-hero-img{width:56px;height:56px;border-radius:14px;object-fit:cover;border:2px solid var(--glass-border)}.pairing-info h4{font-size:1.1rem;font-weight:700;color:var(--color-primary)}.view-guide-link{font-size:.82rem;font-weight:600;color:#ef4444}.pairing-desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.55}.artifacts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:18px}.artifact-item{display:flex;align-items:center;gap:14px;background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:16px;padding:14px;text-decoration:none;transition:all .2s ease;box-shadow:var(--shadow-sm)}.artifact-item:hover{transform:translateY(-3px);border-color:#f59e0b;box-shadow:var(--shadow-md)}.artifact-img{width:52px;height:52px;border-radius:12px;object-fit:cover;background:var(--color-bg-secondary);border:1px solid var(--glass-border)}.artifact-info h5{font-size:.95rem;font-weight:700;color:var(--color-primary);margin-bottom:2px}.artifact-role{font-size:.78rem;color:var(--color-text-muted)}.pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:18px}.pet-card{background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.pet-card:hover{transform:translateY(-3px);border-color:#10b981;box-shadow:var(--shadow-md)}.pet-header{display:flex;align-items:center;gap:12px}.pet-icon{width:48px;height:48px;border-radius:12px;object-fit:cover;border:1px solid var(--glass-border)}.pet-header h4{font-size:1.05rem;font-weight:700;color:var(--color-primary)}.pet-desc{font-size:.88rem;color:var(--color-text-muted);line-height:1.5}.obtain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:18px}.obtain-card{display:flex;align-items:flex-start;gap:14px;background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:16px;padding:18px;box-shadow:var(--shadow-sm)}.obtain-card-icon{font-size:1.4rem;padding:8px;border-radius:10px;background:var(--color-bg-secondary);border:1px solid var(--glass-border)}.obtain-card p{font-size:.92rem;color:var(--color-text);line-height:1.55}.faq-list{display:flex;flex-direction:column;gap:14px;margin-top:18px}.faq-item{background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:16px;padding:20px;box-shadow:var(--shadow-sm)}.faq-question{font-size:1.05rem;font-weight:700;color:var(--color-primary);margin-bottom:8px}.faq-answer{font-size:.92rem;color:var(--color-text-muted);line-height:1.6}.related-heroes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:18px}.related-hero-card{display:flex;align-items:center;gap:14px;background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:16px;padding:14px;text-decoration:none;transition:all .2s ease;box-shadow:var(--shadow-sm)}.related-hero-card:hover{transform:translateY(-3px);border-color:#ef4444;box-shadow:var(--shadow-md)}.related-hero-img{width:60px;height:60px;border-radius:14px;object-fit:cover;border:1px solid var(--glass-border)}.related-hero-info h4{font-size:1rem;font-weight:700;color:var(--color-primary);margin:3px 0}.related-hero-info p{font-size:.78rem;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:850px){.hero-profile{flex-direction:column;text-align:center;gap:20px}.hero-badge-row,.hero-tags{justify-content:center}.hero-title-block h1{font-size:2rem}.pros-cons-grid{grid-template-columns:1fr}.quick-build-box{padding:20px}.skills-grid{grid-template-columns:1fr}}.artifacts-page{padding-top:120px;padding-bottom:80px}.page-header{text-align:center;max-width:700px;margin:0 auto 60px}.page-header h1{font-size:3rem;margin-bottom:16px;color:var(--color-primary)}.page-header p{font-size:1.1rem;color:var(--color-text-muted)}.artifacts-filters{display:flex;justify-content:center;gap:16px;margin-bottom:40px;flex-wrap:wrap}.search-input,.filter-select{padding:12px 20px;border-radius:50px;border:1px solid #ddd;font-size:1rem;outline:none;transition:all .3s}.search-input{min-width:300px}.search-input:focus,.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.artifacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}@media(max-width:768px){.artifacts-filters{flex-direction:column;align-items:center}.search-input{width:100%;min-width:unset}.filter-select{width:100%}}.artifact-detail-page{padding-top:80px}.artifact-header-section{padding:60px 0;background-size:cover;background-position:center;border-bottom:1px solid #E5E7EB}.artifact-profile{display:flex;align-items:center;gap:40px}.artifact-profile-img{width:150px;height:150px;border-radius:20px;object-fit:contain;background:#fff;box-shadow:0 10px 25px -5px #0000001a;border:4px solid #fff;padding:10px}.artifact-title-block h1{font-size:3rem;margin:10px 0 15px;line-height:1;color:var(--color-primary)}.artifact-badge{text-transform:uppercase;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:4px;letter-spacing:1px}.artifact-badge.legendary{background:#fef3c7;color:#d97706}.artifact-badge.epic{background:#ede9fe;color:#7c3aed}.artifact-badge.rare{background:#dbeafe;color:#2563eb}.artifact-badge.uncommon{background:#d1fae5;color:#047857}.artifact-tags{display:flex;gap:10px;flex-wrap:wrap}.artifact-body{padding:60px 24px}.artifact-grid-layout{display:grid;grid-template-columns:1fr 2fr;gap:40px}.stats-section h2,.ability-section h2{font-size:1.5rem;margin-bottom:20px;color:var(--color-primary)}.stats-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:24px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #F3F4F6}.stat-row:last-child{border-bottom:none}.stat-label{font-weight:600;color:#4b5563}.stat-value{font-weight:700;color:var(--color-primary)}.ability-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:24px;box-shadow:var(--shadow-sm)}.ability-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:10px}.ability-header h3{font-size:1.25rem;color:var(--color-primary);margin:0}.ability-meta{display:flex;gap:8px}.meta-tag{font-size:.8rem;padding:4px 8px;border-radius:4px;font-weight:600}.meta-tag.rage{background:#fee2e2;color:#991b1b}.meta-tag.cooldown{background:#e0f2fe;color:#0369a1}.ability-desc{color:#4b5563;margin-bottom:24px;font-size:1rem;line-height:1.6;white-space:pre-line}.ability-upgrade{background:#f9fafb;padding:16px;border-radius:8px;border:1px dashed #E5E7EB}.ability-upgrade strong{display:block;font-size:.85rem;color:#9ca3af;text-transform:uppercase;margin-bottom:8px}.ability-upgrade pre{font-family:var(--font-body);font-size:.9rem;color:#6b7280;white-space:pre-wrap;margin:0}@media(max-width:900px){.artifact-grid-layout{grid-template-columns:1fr}.artifact-profile{flex-direction:column;text-align:center;gap:20px}.artifact-tags{justify-content:center}}.war-pets-page{padding-top:2rem;padding-bottom:4rem}.war-pets-page .page-header{margin-bottom:3rem;text-align:center}.war-pets-page h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.war-pets-page .page-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.war-pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:1rem 0}.war-pets-pillar{max-width:1000px;margin:0 auto 2.5rem;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:18px}.war-pets-pillar h2{margin-top:0}.war-pets-pillar>p{color:var(--text-secondary);line-height:1.7}.war-pets-pillar>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.war-pets-pillar article{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:12px}.war-pets-pillar strong{color:var(--accent-primary)}.war-pets-pillar span{color:var(--text-secondary);line-height:1.5}@media(max-width:700px){.war-pets-pillar>div{grid-template-columns:1fr}}.war-pet-detail{padding-top:2rem;padding-bottom:4rem}.war-pet-hero{display:flex;gap:3rem;margin-bottom:4rem;align-items:center;background:var(--bg-secondary);padding:2.5rem;border-radius:20px;border:1px solid var(--border-color)}.war-pet-hero-image{flex-shrink:0;width:200px;height:200px;border-radius:15px;overflow:hidden;background:#111;border:3px solid var(--accent-primary)}.war-pet-hero-image img{width:100%;height:100%;object-fit:cover}.war-pet-hero-info h1{font-size:3rem;margin:.5rem 0 1rem;line-height:1.1}.breadcrumb{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.breadcrumb a{color:var(--accent-primary);text-decoration:none}.description{font-size:1.2rem;color:var(--text-secondary);max-width:800px}.war-pet-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.war-pet-section{background:var(--bg-secondary);padding:2rem;border-radius:15px;border:1px solid var(--border-color)}.war-pet-section h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;display:flex;align-items:center;gap:.75rem}.attribute-item{margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:10px;border-left:4px solid var(--border-color)}.attribute-item.priority-1{border-left-color:#ff9800}.attribute-item.priority-2{border-left-color:#4caf50}.attribute-item.priority-3{border-left-color:#2196f3}.attr-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:700}.attr-name{color:var(--text-primary)}.attr-priority{font-size:.8rem;color:var(--accent-primary)}.skill-item{margin-bottom:1.5rem}.skill-item h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--accent-primary)}.skill-item small{color:var(--text-secondary);font-weight:400}.heroes-synergy-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.hero-synergy-item{background:var(--bg-secondary);border:1px solid var(--border-color);padding:1.5rem;border-radius:12px;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:.75rem}.hero-synergy-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;border-color:var(--accent-primary)}.hero-link-wrapper{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.1rem}.hero-link-wrapper:hover .hero-name{color:var(--accent-primary)}.synergy-hero-img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-primary);box-shadow:0 2px 8px #0000004d}.hero-synergy-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0;flex-grow:1}.conclusion{grid-column:span 2}.conclusion-box{background:var(--bg-tertiary);padding:1.5rem;border-radius:10px;font-style:italic;color:var(--text-secondary)}@media(max-width:900px){.war-pet-hero{flex-direction:column;text-align:center}.war-pet-grid{grid-template-columns:1fr}.conclusion{grid-column:span 1}}.pet-detail-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:6rem;background:var(--bg-tertiary)}.behemoths-page,.behemoth-detail{padding-top:2.5rem;padding-bottom:5rem}.behemoths-intro{text-align:center;max-width:850px;margin:0 auto 3rem}.behemoths-intro h1,.behemoth-detail h1{font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.05;margin:.7rem 0 1rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.behemoths-intro p,.behemoth-detail-hero>div>p{color:var(--text-secondary);font-size:1.16rem;line-height:1.7}.pillar-copy,.behemoth-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:clamp(1.4rem,4vw,2.5rem);margin-bottom:3rem}.pillar-copy h2,.behemoth-panel h2{margin:.25rem 0 1rem;font-size:1.8rem}.pillar-copy p,.behemoth-panel p{color:var(--text-secondary);line-height:1.75}.pillar-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.6rem}.pillar-steps article{display:flex;flex-direction:column;gap:.55rem;background:var(--bg-tertiary);padding:1.2rem;border-radius:12px}.pillar-steps strong{color:var(--accent-primary)}.pillar-steps span{color:var(--text-secondary);line-height:1.5}.behemoths-section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}.behemoths-section-heading h2{margin:.25rem 0 0;font-size:2rem}.behemoths-section-heading p{max-width:460px;color:var(--text-secondary)}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-primary);font-weight:800}.behemoths-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1.25rem;margin-bottom:3rem}.behemoth-card{display:flex;min-height:235px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:.2s ease}.behemoth-card:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:0 14px 28px #0000002b}.behemoth-icon{display:grid;place-items:center;width:105px;flex:0 0 105px;font-size:3.8rem;background:radial-gradient(circle at top,#34455f,var(--bg-tertiary))}.behemoth-card-body{padding:1.3rem}.behemoth-card-meta{display:flex;flex-wrap:wrap;gap:.45rem}.behemoth-card-meta span,.behemoth-stats span{font-size:.75rem;padding:.35rem .6rem;border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary)}.behemoth-card h3{font-size:1.35rem;margin:.8rem 0 .5rem}.behemoth-card p{font-size:.92rem;line-height:1.55;color:var(--text-secondary);margin:0 0 1rem}.behemoth-link{color:var(--accent-primary);font-weight:700}.behemoth-prep a,.behemoth-panel a{color:var(--accent-primary)}.behemoth-detail .breadcrumb{margin-bottom:1.2rem}.behemoth-detail-hero{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:2.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;padding:2.5rem;margin-bottom:2rem}.behemoth-detail-icon{height:220px;display:grid;place-items:center;font-size:7rem;border-radius:18px;background:radial-gradient(circle at top,#405477,var(--bg-tertiary))}.behemoth-detail h1{font-size:clamp(2.2rem,5vw,3.7rem);margin:.4rem 0 1rem}.behemoth-stats{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}.behemoth-stats span{font-size:.83rem;padding:.55rem .8rem}.behemoth-stats strong{color:var(--text-primary);margin-left:.3rem}.behemoth-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.strategy-list{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:1rem}.strategy-list li{display:flex;gap:1rem;align-items:flex-start}.strategy-list li>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--accent-primary);color:#fff;font-weight:800}.strategy-list p{margin:.3rem 0}.alliance-panel{align-self:start}.mechanics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mechanics-grid article{background:var(--bg-tertiary);border-radius:12px;padding:1.25rem}.mechanics-grid h3{margin:0 0 .6rem;color:var(--accent-primary)}.mechanics-grid p{margin:0}.recommended-heroes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.recommended-hero{display:flex;align-items:center;gap:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;text-decoration:none;color:inherit}.recommended-hero:hover{border-color:var(--accent-primary)}.recommended-hero img,.hero-fallback{width:58px;height:58px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--bg-primary);font-size:1.7rem}.recommended-hero span:last-child{display:flex;flex-direction:column;gap:.3rem}.recommended-hero small{color:var(--text-secondary);line-height:1.4}.cross-link-note{margin:1.4rem 0 0}.faq-panel details{border-top:1px solid var(--border-color);padding:1rem 0}.faq-panel summary{cursor:pointer;font-weight:700}.faq-panel details p{margin:.8rem 0 0}.related-behemoths>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.related-behemoths>a{color:inherit}.related-behemoths>div>a{display:grid;grid-template-columns:auto 1fr;gap:.2rem .7rem;align-items:center;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:inherit;text-decoration:none}.related-behemoths>div>a>span{grid-row:span 2;font-size:2rem}.related-behemoths small{color:var(--text-secondary)}.behemoth-not-found{padding:5rem 1rem;text-align:center}@media(max-width:900px){.pillar-steps{grid-template-columns:1fr 1fr}.behemoth-detail-hero{grid-template-columns:1fr;text-align:center}.behemoth-detail-icon{height:170px}.behemoth-content-grid,.mechanics-grid,.recommended-heroes{grid-template-columns:1fr}.behemoth-stats{justify-content:center}}@media(max-width:620px){.pillar-steps,.related-behemoths>div{grid-template-columns:1fr}.behemoths-section-heading,.behemoth-card{display:block}.behemoth-icon{width:100%;height:115px}.behemoth-detail-hero{padding:1.4rem}.behemoth-detail-icon{font-size:5rem}}.post-detail-page{min-height:100vh;padding-bottom:80px;background-color:var(--color-background)}.post-header-section{height:60vh;min-height:400px;background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:flex-end;padding-bottom:60px;margin-bottom:60px}.post-header-content{color:#fff;max-width:800px}.post-header-content h1{font-size:3.5rem;font-weight:800;margin-bottom:24px;line-height:1.2;text-shadow:0 4px 20px rgba(0,0,0,.5)}.post-category-badge{display:inline-block;padding:6px 16px;background:var(--color-primary);color:#fff;border-radius:50px;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:1px;margin-bottom:20px;box-shadow:0 4px 15px #ff4d4d66}.post-meta-header{display:flex;align-items:center;gap:16px}.header-author-img{width:50px;height:50px;border-radius:50%;border:2px solid white}.header-author-info{display:flex;flex-direction:column}.header-author-name{font-weight:700;font-size:1.1rem}.header-date{opacity:.9;font-size:.9rem}.post-body{max-width:800px}.post-content{background:#fff;padding:60px;border-radius:20px;box-shadow:var(--shadow-md);font-size:1.1rem;line-height:1.8;color:var(--color-text)}.post-content p{margin-bottom:24px}.post-content h2{font-size:2rem;font-weight:700;margin-top:40px;margin-bottom:20px;color:var(--color-text);position:relative}.post-content h2:after{content:"";display:block;width:60px;height:4px;background:var(--color-primary);margin-top:10px;border-radius:2px}.post-list-block{margin-bottom:24px;background:#f8f9fa;padding:24px;border-radius:12px;border-left:4px solid var(--color-primary)}.list-item{margin-bottom:12px!important}.list-item:last-child{margin-bottom:0!important}@media(max-width:768px){.post-header-section{height:50vh;margin-bottom:40px}.post-header-content h1{font-size:2.2rem}.post-content{padding:30px}}.post-content ul,.post-content ol{margin:1.25rem 0 1.75rem;padding-left:1.5rem}.post-content li{margin-bottom:.7rem;line-height:1.75}.post-content a{color:var(--primary-color, #7c5cff);font-weight:600;text-decoration-thickness:1px;text-underline-offset:3px}.post-faq,.related-posts{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(128,128,128,.25)}.post-faq-item{margin:1rem 0;padding:1rem 1.2rem;border-radius:12px;background:#7f7f7f14}.post-faq-item h3{margin-top:0}.category-page{padding-top:120px;padding-bottom:60px;min-height:80vh}.category-page .page-header{text-align:center;margin-bottom:60px}.category-page h1{font-size:2.5rem;font-weight:800;margin-bottom:16px;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.category-page p{color:var(--color-text-muted);font-size:1.1rem;max-width:600px;margin:0 auto}.no-posts{text-align:center;padding:60px;color:var(--color-text-muted);font-size:1.2rem;background:#fff;border-radius:12px;box-shadow:var(--shadow-sm)}