*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:"Marianne","Segoe UI",Roboto,Arial,sans-serif;
}

body{
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  background:linear-gradient(180deg,#0b1c2d,#0f172a);
  color:#f8fafc;
  text-align:center;
  padding:2rem;
}

h1{
  font-size:1.6rem;
  font-weight:700;
  letter-spacing:.05em;
  background:rgba(2,6,23,.55);
  padding:1.8rem 2.2rem;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 20px 40px rgba(0,0,0,.6);
  max-width:720px;
}

a{
  display:inline-block;
  margin-top:1.5rem;
  padding:.7rem 1.1rem;
  border-radius:10px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:700;
  font-size:.85rem;
  color:#f8fafc;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  transition:transform .2s,box-shadow .2s,background .2s;
}

a:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.12);
  box-shadow:0 10px 20px rgba(0,0,0,.5);
}

button{
  background:linear-gradient(135deg,#1e3a8a,#2563eb);
  border:none;
  color:#fff;
  padding:.45rem .9rem;
  border-radius:6px;
  cursor:pointer;
  font-size:.75rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.05em;
  transition:transform .2s,box-shadow .2s
}

button:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(37,99,235,.45)
}