{` .hero{background:linear-gradient(135deg,${var(--accent)} 0%,${var(--purple)} 100%);padding:80px 20px;text-align:center;margin-bottom:60px;border-radius:12px}.hero h1{font-size:3em;color:#fff;margin:0 0 10px;font-weight:800}.hero p{font-size:1.2em;color:#ffffffe6;margin:0}.search-section{margin-bottom:60px}.search-bar{width:100%;padding:16px 24px;background:var(--bg3);border:2px solid var(--border);border-radius:8px;font-size:1em;color:var(--text);margin-bottom:20px;transition:border-color .3s}.search-bar:focus{outline:none;border-color:var(--accent)}.tag-filters{display:flex;gap:12px;flex-wrap:wrap}.tag-btn{padding:8px 16px;background:var(--bg3);border:2px solid var(--border);color:var(--text2);border-radius:6px;cursor:pointer;font-size:.9em;transition:all .3s}.tag-btn:hover{border-color:var(--accent);color:var(--text)}.tag-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.latest-section{background:linear-gradient(135deg,var(--green) 0%,var(--blue) 100%);padding:40px;border-radius:12px;margin-bottom:60px;color:#fff}.latest-section h2{font-size:1.5em;margin:0 0 8px;font-weight:700}.latest-version{font-size:2.5em;font-weight:800;margin-bottom:20px}.patch-date{opacity:.9;font-size:1.1em;margin-bottom:16px}.changes-list{list-style:none;padding:0;margin:0}.changes-list li{padding:8px 0 8px 24px;position:relative}.changes-list li:before{content:"▸";position:absolute;left:0}.patches-container{display:grid;gap:24px;margin-bottom:60px}.patch-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:32px;transition:all .3s}.patch-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #f5a6231a}.patch-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:16px}.patch-title-group h3{font-size:1.5em;margin:0 0 8px;color:var(--text)}.patch-date-text{color:var(--text2);font-size:.95em}.patch-version{background:var(--accent);color:#fff;padding:6px 14px;border-radius:6px;font-weight:700;white-space:nowrap}.tags-container{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tag{display:inline-block;padding:4px 12px;background:var(--bg3);color:var(--text2);border-radius:4px;font-size:.85em;border:1px solid var(--border)}.tag.weapon{border-left:3px solid var(--blue)}.tag.map{border-left:3px solid var(--purple)}.tag.economy{border-left:3px solid var(--accent)}.tag.anticheat{border-left:3px solid var(--red)}.tag.case{border-left:3px solid var(--accent2)}.tag.operation{border-left:3px solid var(--green)}.tag.ui{border-left:3px solid var(--blue)}.tag.balance{border-left:3px solid var(--orange)}.tag.competitive{border-left:3px solid var(--red)}.tag.utility{border-left:3px solid var(--purple)}.tag.event{border-left:3px solid var(--accent2)}.tag.ranking{border-left:3px solid var(--green)}.tag.launch{border-left:3px solid var(--accent)}.tag.major{border-left:3px solid var(--red)}.tag.mechanics{border-left:3px solid var(--blue)}.tag.interface{border-left:3px solid var(--purple)}.tag.cosmetics{border-left:3px solid var(--accent2)}.patch-changes{border-top:1px solid var(--border);padding-top:20px}.patch-changes ul{list-style:none;padding:0;margin:0}.patch-changes li{padding:8px 0 8px 24px;position:relative;color:var(--text2)}.patch-changes li:before{content:"▸";position:absolute;left:0;color:var(--accent)}.faq-section{margin-bottom:60px}.faq-section h2{font-size:2em;margin-bottom:32px;color:var(--text)}.faq-grid{display:grid;gap:20px}.faq-item{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:24px}.faq-item h3{margin:0 0 12px;color:var(--accent);font-size:1.1em}.faq-item p{margin:0;color:var(--text2);line-height:1.6}.links-section{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:32px;margin-top:60px}.links-section h2{font-size:1.5em;margin:0 0 24px;color:var(--text)}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.link-card{background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:20px;text-align:center;transition:all .3s}.link-card:hover{border-color:var(--accent);background:var(--bg)}.link-card a{color:var(--accent);text-decoration:none;font-weight:600}.link-card a:hover{text-decoration:underline}@media (max-width: 768px){.hero{padding:40px 20px}.hero h1{font-size:2em}.hero p{font-size:1em}.patch-header{flex-direction:column}.links-grid{grid-template-columns:1fr}}`}