:root{
  --bg:#03050c;
  --panel:#09101f;
  --pink:#ff2ba6;
  --cyan:#20d9ff;
  --text:#f8f9ff;
  --muted:#b7bed1;
  --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Inter",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 85% 10%,rgba(255,43,166,.12),transparent 28rem),
    radial-gradient(circle at 15% 18%,rgba(32,217,255,.09),transparent 24rem),
    linear-gradient(180deg,#02040a,#050816 55%,#02040a);
  min-height:100vh;
}
a{color:var(--cyan);text-underline-offset:3px}
header{
  border-bottom:1px solid rgba(255,43,166,.25);
  background:rgba(2,4,10,.92);
}
.header-inner,.content,footer div{
  width:min(980px,calc(100% - 32px));
  margin:0 auto;
}
.header-inner{
  min-height:92px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}
.brand{
  display:flex;
  align-items:center;
  gap:16px;
  color:white;
  text-decoration:none;
  font-family:"Barlow Condensed",sans-serif;
  font-size:2rem;
  font-weight:800;
  font-style:italic;
  text-transform:uppercase;
}
.brand img{width:88px;height:64px;object-fit:contain}
.back{
  color:white;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.04em;
}
main{padding:64px 0 80px}
.content{
  padding:clamp(26px,5vw,58px);
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(9,16,31,.97),rgba(4,8,18,.98));
  box-shadow:0 0 28px rgba(32,217,255,.11),0 0 28px rgba(255,43,166,.08);
}
h1,h2{
  font-family:"Barlow Condensed",sans-serif;
  text-transform:uppercase;
  font-style:italic;
}
h1{
  margin:0 0 28px;
  font-size:clamp(3.2rem,7vw,5.5rem);
  line-height:.95;
  color:#fff;
  text-shadow:0 0 12px rgba(255,43,166,.85);
}
h2{
  margin:38px 0 12px;
  font-size:1.9rem;
  color:#c8f7ff;
}
h3{margin:24px 0 8px;font-size:1.05rem}
p,li,address{
  color:var(--muted);
  line-height:1.75;
  font-style:normal;
}
ul{padding-left:22px}
.notice{
  padding:16px 18px;
  border-left:4px solid var(--cyan);
  background:rgba(32,217,255,.07);
  border-radius:8px;
}
footer{
  padding:28px 0;
  border-top:1px solid var(--line);
  color:#8e97ad;
}
footer div{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:650px){
  .header-inner{min-height:76px}
  .brand{font-size:1.45rem}
  .brand img{width:68px;height:52px}
  main{padding:30px 0 50px}
}