*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Arial,Helvetica,sans-serif;
  background:
    radial-gradient(circle at 50% 0%,rgba(174,123,30,.12),transparent 34%),
    linear-gradient(160deg,#080808 0%,#170d08 52%,#070707 100%);
  color:#fff;
}
.page{width:min(100%,760px);margin:0 auto;padding:24px 16px 36px}
.header{text-align:center;padding:6px 8px 20px}
.brand{
  font-size:clamp(34px,9vw,48px);
  line-height:1;
  font-weight:900;
  letter-spacing:3px;
  background:linear-gradient(100deg,#f5f5f5 0%,#fff 42%,#e2b84f 82%,#fff0b5 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 8px 28px rgba(0,0,0,.4);
}
.tagline{
  margin-top:11px;
  font-size:clamp(11px,3.1vw,14px);
  font-weight:700;
  letter-spacing:1.35px;
  color:#d9b45a;
}
.tagline span{color:#8d6b2b;padding:0 4px}
.hero{
  overflow:hidden;
  border-radius:19px;
  border:1px solid #b88628;
  box-shadow:0 16px 40px rgba(0,0,0,.5),0 0 0 1px rgba(255,214,105,.08);
  background:#0d0906;
}
.banner{display:block;width:100%;height:auto}
.actions{display:flex;gap:14px;margin:19px 0}
.btn{
  flex:1;
  text-align:center;
  text-decoration:none;
  padding:16px 10px;
  border-radius:14px;
  font-size:clamp(17px,4.5vw,20px);
  font-weight:900;
  letter-spacing:.3px;
  color:#fff;
  border:1px solid #c89a35;
  box-shadow:0 7px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12);
}
.login{background:linear-gradient(180deg,#a51b1b,#5a0808)}
.register{background:linear-gradient(180deg,#e0b331,#8b5f0c)}
.info{
  margin-top:19px;
  padding:26px 21px 24px;
  border:1px solid rgba(180,132,43,.7);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(30,16,9,.96),rgba(17,10,7,.96));
  text-align:center;
  box-shadow:0 14px 34px rgba(0,0,0,.25);
}
.info h1{
  margin:0 0 12px;
  font-size:clamp(25px,7vw,32px);
  letter-spacing:1.2px;
  color:#edc45a;
}
.info p{
  max-width:650px;
  margin:0 auto;
  color:#dedede;
  line-height:1.75;
  font-size:clamp(14px,3.8vw,16px);
}
footer{text-align:center;color:#888;font-size:12px;margin-top:26px}
footer strong{color:#cfa546}
@media(max-width:480px){
  .page{padding:20px 10px 30px}
  .header{padding-bottom:18px}
  .actions{gap:10px;margin:16px 0}
  .btn{padding:14px 8px;border-radius:13px}
  .info{padding:23px 16px 22px}
}