.team-fortress-2-page{--tf2-orange:#f59a45;--tf2-blue:#58c8dd;background:radial-gradient(circle at 84% 7%, #f59a4533, transparent 27%), radial-gradient(circle at 8% 37%, #58c8dd21, transparent 24%), linear-gradient(179.58deg, #19120d 0.16%, #060504 55.5%) top center / 100% 3000px no-repeat, var(--mc-bg)}.tf2-hero__visual{isolation:isolate;background:#0c0907;border:1px solid #f59a454d;border-radius:16px;min-height:570px;position:relative;overflow:hidden;box-shadow:0 32px 54px #0000007a}.tf2-hero__picture,.tf2-hero__picture img{width:100%;height:100%;display:block}.tf2-hero__picture{position:absolute;inset:0}.tf2-hero__picture img{object-fit:cover;object-position:72% center}.tf2-hero__shade{pointer-events:none;background:linear-gradient(#0000000d,#0000 48%),linear-gradient(#0000 52%,#060403f0);position:absolute;inset:0}.tf2-hero__status,.tf2-hero__metric{z-index:2;backdrop-filter:blur(10px);background:#0c0805db;border:1px solid #ffffff24;border-radius:7px;gap:4px;padding:12px 14px;display:grid;position:absolute;box-shadow:0 14px 28px #0000005c}.tf2-hero__status{border-color:#f59a456b;top:22px;left:22px}.tf2-hero__status span,.tf2-hero__metric span,.tf2-preset__topline span{color:#fff9;letter-spacing:.05em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.tf2-hero__status strong,.tf2-hero__metric strong{color:#fff;font-size:14px}.tf2-hero__status strong,.tf2-hero__metric--after strong{color:var(--tf2-orange)}.tf2-hero__metric{bottom:24px}.tf2-hero__metric--before{left:22px}.tf2-hero__metric--after{border-color:#f59a4573;right:22px}.tf2-control__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:50px;display:grid}.tf2-preset{background:linear-gradient(#f59a450d 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#f59a450d 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle at 88% 8%,#58c8dd29,#0000 32%),linear-gradient(145deg,#2a1b11,#080604 76%);border:1px solid #f59a4547;border-radius:12px;padding:30px;position:relative;overflow:hidden;box-shadow:0 24px 44px #0006}.tf2-preset:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 38%,#ffffff0a,#0000 62%);position:absolute;inset:0}.tf2-preset__topline{justify-content:space-between;align-items:center;display:flex}.tf2-preset__topline i{background:var(--tf2-blue);border-radius:50%;width:9px;height:9px;box-shadow:0 0 18px #58c8ddd1}.tf2-preset h3{color:#fff;max-width:440px;margin:22px 0 0;font-size:30px;line-height:1.1}.tf2-preset ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0;padding:0;list-style:none;display:grid}.tf2-preset li{color:#ffffffc7;background:#ffffff0a;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:10px;min-height:66px;padding:14px;font-size:14px;display:flex}.tf2-preset li span{width:22px;height:22px;color:var(--tf2-blue);background:#58c8dd26;border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.tf2-preset__button{color:#1a0d04;text-align:center;background:linear-gradient(90deg,#f59a45,#f7c46f);border-radius:6px;padding:14px;font-size:13px;font-weight:800}.tf2-control__items{gap:14px;margin-top:26px;display:grid}.tf2-control__items article{border-top:1px solid var(--mc-line);border-left:2px solid #f59a45bd;padding:18px 0 0 18px}.tf2-control__items h3{color:var(--mc-text);margin:0;font-size:18px}.tf2-control__items p{color:var(--mc-muted);margin:7px 0 0;font-size:15px;line-height:1.6}.team-fortress-2-page .mc-proof__bar--before i{height:144px}.team-fortress-2-page .mc-proof__bar--after i{background:linear-gradient(#f59a45cc,#58c8dd1f);border-color:#f59a45a3;height:200px;box-shadow:0 0 34px #f59a453d}@media (width<=1023px){.tf2-hero__visual{width:min(100%,720px);min-height:540px;margin-inline:auto}.tf2-control__grid{grid-template-columns:1fr}.tf2-preset{width:min(100%,720px);margin-inline:auto}}@media (width<=767px){.tf2-hero__visual{min-height:430px}.tf2-hero__picture img{object-position:72% center}.tf2-hero__status{top:16px;left:16px}.tf2-hero__metric{padding:10px 11px;bottom:16px}.tf2-hero__metric--before{left:16px}.tf2-hero__metric--after{right:16px}.tf2-hero__metric strong{font-size:12px}.tf2-control__grid{gap:30px}.tf2-preset{padding:22px}.tf2-preset h3{font-size:26px}.tf2-preset ul{grid-template-columns:1fr}}
