:root{
  --bg:#030303;
  --panel:#080808;
  --panel2:#111;
  --red:#e50914;
  --red2:#7f090f;
  --white:#f4f4f5;
  --muted:#a1a1aa;
  --line:rgba(229,9,20,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 82% 18%,rgba(229,9,20,.16),transparent 26%),
    radial-gradient(circle at 30% 78%,rgba(127,9,15,.18),transparent 26%),
    linear-gradient(180deg,#020202,#070707 45%,#030303);
  color:var(--white);
  font-family:Arial,Helvetica,sans-serif;
}
a{color:inherit}
img{max-width:100%}
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid var(--line);
  background:rgba(0,0,0,.86);
  backdrop-filter:blur(10px);
}
.site-nav{
  max-width:1500px;
  margin:0 auto;
  padding:15px 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
}
.brand img{
  width:58px;
  height:58px;
  object-fit:contain;
}
.brand span{
  display:block;
  font-weight:1000;
  font-style:italic;
  letter-spacing:.12em;
  line-height:1;
}
.brand small{
  display:block;
  margin-top:4px;
  color:var(--red);
  font-size:11px;
  letter-spacing:.48em;
}
.nav-links{
  display:flex;
  align-items:center;
  gap:28px;
  flex-wrap:wrap;
}
.nav-links a{
  text-decoration:none;
  text-transform:uppercase;
  font-weight:900;
  font-size:13px;
  letter-spacing:.14em;
  color:#e5e7eb;
}
.nav-links a:hover,.nav-links .active,.nav-account{color:var(--red)!important}
.join-btn,.adr-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border:0;
  color:#fff;
  background:var(--red);
  padding:14px 26px;
  font-size:13px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.14em;
  cursor:pointer;
  clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);
}
.join-btn{
  background:transparent;
  border:1px solid var(--red);
}
.join-btn:hover,.adr-btn:hover{background:#ff1c27}
.adr-btn.secondary{
  background:#050505;
  border:1px solid var(--red);
}
.small-btn{padding:10px 18px;font-size:12px}
.hero{
  position:relative;
  min-height:680px;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.88) 30%,rgba(0,0,0,.45) 100%),
    url("/assets/banner.png") center/cover no-repeat;
  opacity:.95;
}
.hero-grid{
  position:relative;
  max-width:1500px;
  margin:0 auto;
  min-height:680px;
  padding:80px 32px 50px;
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  align-items:center;
  gap:40px;
}
.hero h1,.page-hero h1{
  margin:0;
  font-size:clamp(58px,8vw,130px);
  line-height:.82;
  text-transform:uppercase;
  font-style:italic;
  font-weight:1000;
  letter-spacing:-.05em;
}
.red{color:var(--red)}
.hero p,.page-hero p{
  color:#d4d4d8;
  font-weight:800;
  font-style:italic;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:20px;
}
.hero-logo{
  display:flex;
  justify-content:center;
  align-items:center;
}
.hero-logo img{
  width:100%;
  max-width:780px;
  filter:drop-shadow(0 0 30px rgba(229,9,20,.28));
}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.feature-strip{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:rgba(0,0,0,.72);
}
.feature-grid{
  max-width:1500px;
  margin:0 auto;
  padding:20px 32px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.feature{
  border:1px solid rgba(229,9,20,.22);
  background:rgba(255,255,255,.03);
  padding:18px;
  clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);
}
.feature-icon{font-size:34px;color:var(--red)}
.feature h3{
  margin:8px 0 6px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.feature p{margin:0;color:var(--muted);line-height:1.45}
.section,.account-shell{
  max-width:1500px;
  margin:0 auto;
  padding:70px 32px;
}
.page-hero{
  position:relative;
  overflow:hidden;
  min-height:380px;
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--line);
}
.page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 58%,rgba(0,0,0,.45)),
    url("/assets/banner.png") center/cover no-repeat;
}
.page-hero-inner{
  position:relative;
  width:100%;
  max-width:1500px;
  margin:0 auto;
  padding:60px 32px;
}
.section-heading,.eyebrow{
  color:var(--red);
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:.28em;
  font-weight:1000;
}
.roster-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:22px;
}
.player-card{
  position:relative;
  min-height:330px;
  border:1px solid var(--line);
  background:
    linear-gradient(135deg,rgba(10,10,10,.98),rgba(20,20,20,.75)),
    radial-gradient(circle at 50% 62%,rgba(229,9,20,.22),transparent 40%);
  overflow:hidden;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  text-align:center;
  clip-path:polygon(8% 0,100% 0,100% 90%,92% 100%,0 100%,0 10%);
}
.player-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0%,transparent 62%,rgba(229,9,20,.18) 63%,transparent 72%);
}
.player-card img{
  position:absolute;
  top:70px;
  width:105px;
  opacity:.9;
}
.player-card h3{
  position:relative;
  margin:0 0 6px;
  font-size:28px;
  text-transform:uppercase;
  font-style:italic;
  letter-spacing:.08em;
}
.matches-list{display:grid;gap:16px}
.match-row{
  display:grid;
  grid-template-columns:170px 1fr 70px 1fr 140px;
  align-items:center;
  gap:18px;
  border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(11,11,11,.96),rgba(25,25,25,.82));
  padding:22px;
  clip-path:polygon(2% 0,100% 0,98% 100%,0 100%,0 18%);
}
.match-date .big{font-size:32px;font-weight:1000}
.match-team{display:flex;align-items:center;gap:14px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}
.match-team img{width:58px;height:58px;object-fit:contain}
.vs{text-align:center;color:var(--red);font-size:26px;font-weight:1000}
.merch-grid{
  display:grid;
  grid-template-columns:1fr .85fr;
  gap:40px;
  align-items:center;
}
.jersey-box{
  border:1px solid var(--line);
  background:radial-gradient(circle at 70% 30%,rgba(229,9,20,.22),transparent 32%),#050505;
  padding:28px;
  clip-path:polygon(3% 0,100% 0,97% 100%,0 100%,0 10%);
}
.jersey-box img{max-height:520px;display:block;margin:auto;object-fit:contain}
.footer,.site-footer{
  border-top:1px solid var(--line);
  background:#000;
  padding:36px 32px;
  color:var(--muted);
}
.footer-inner{
  max-width:1500px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1.2fr 1fr;
  gap:30px;
  align-items:center;
}
.footer-brand{display:flex;align-items:center;gap:14px;color:#fff;font-weight:1000;font-style:italic;letter-spacing:.1em}
.footer-brand img{width:70px;height:70px;object-fit:contain}
.account-card,.forum-card,.profile-card{
  background:linear-gradient(135deg,rgba(18,18,18,.96),rgba(5,5,5,.96));
  border:1px solid var(--line);
  box-shadow:0 0 35px rgba(229,9,20,.12);
  padding:28px;
  clip-path:polygon(2% 0,100% 0,98% 100%,0 100%,0 8%);
}
.account-card h1,.forum-card h1,.profile-card h1,.forum-hero h1{
  margin:0;
  font-size:clamp(42px,5vw,76px);
  line-height:.9;
  font-weight:1000;
  font-style:italic;
  text-transform:uppercase;
}
.form-row{display:grid;gap:8px;margin-bottom:18px}
.form-row label{color:var(--red);font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:900}
.form-row input,.form-row textarea{
  width:100%;
  color:white;
  background:#080808;
  border:1px solid rgba(255,255,255,.14);
  padding:14px 16px;
  outline:none;
}
.form-row textarea{min-height:140px;resize:vertical}
.account-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.notice{border:1px solid var(--line);background:rgba(229,9,20,.1);padding:14px 16px;margin:0 0 20px}
.notice.success{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.1)}
.meta{color:var(--muted);font-size:13px;line-height:1.5}
.avatar{width:112px;height:112px;border-radius:20px;object-fit:cover;border:1px solid var(--line);background:#111}
.profile-head{display:flex;gap:20px;align-items:center;margin-bottom:28px;flex-wrap:wrap}
.forum-hero{
  position:relative;
  overflow:hidden;
  margin-bottom:26px;
  padding:34px 32px;
  border:1px solid var(--line);
  background:linear-gradient(90deg,rgba(6,6,6,.96),rgba(12,12,12,.86)),url("/assets/banner.png") center/cover no-repeat;
  clip-path:polygon(2% 0,100% 0,98% 100%,0 100%,0 10%);
}
.forum-subtitle{color:#d1d5db;max-width:780px;line-height:1.6}
.forum-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.section-title{margin:0;text-transform:uppercase;letter-spacing:.06em;font-size:1.6rem;font-style:italic}
.forum-topics-grid,.forum-replies-stack{display:grid;gap:18px}
.forum-topic-box,.topic-feature-box,.reply-box,.post-reply-box,.forum-empty-box{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(229,9,20,.28);
  background:linear-gradient(135deg,rgba(12,12,12,.96),rgba(22,22,22,.82));
  padding:22px;
  clip-path:polygon(1.5% 0,100% 0,98.5% 100%,0 100%,0 12%);
}
.forum-topic-accent{position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,var(--red),var(--red2))}
.forum-topic-main{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;position:relative;z-index:1}
.forum-user-badge{display:flex;align-items:center;gap:14px}
.forum-mini-avatar{width:58px;height:58px;border-radius:14px;object-fit:cover;border:1px solid var(--line);background:#090909}
.forum-topic-title{margin:0;font-size:1.3rem;text-transform:uppercase;font-style:italic;letter-spacing:.05em}
.forum-topic-title a{text-decoration:none;color:#fff}
.forum-topic-title a:hover{color:var(--red)}
.forum-topic-stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.stat-box{min-width:86px;padding:10px 14px;text-align:center;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.stat-number{display:block;font-size:1.3rem;font-weight:900}
.stat-label{display:block;color:var(--red);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;margin-top:4px}
.forum-author{margin:0;color:#fff;text-transform:uppercase;font-style:italic;font-weight:900;letter-spacing:.06em}
.topic-body-box,.reply{margin-top:18px;color:#e5e7eb;line-height:1.75;border-left:3px solid var(--red);background:rgba(255,255,255,.03);padding:16px 18px}
@media(max-width:1000px){
  .hero-grid,.merch-grid{grid-template-columns:1fr}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .roster-grid{grid-template-columns:repeat(2,1fr)}
  .match-row{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr}
}
@media(max-width:700px){
  .site-nav{padding:14px 18px}
  .nav-links{gap:14px}
  .hero-grid,.section,.account-shell,.page-hero-inner{padding-left:18px;padding-right:18px}
  .feature-grid,.roster-grid{grid-template-columns:1fr}
  .account-card,.forum-card,.profile-card,.forum-hero,.player-card,.match-row,.adr-btn,.join-btn{clip-path:none}
}