:root{
    --c0:#0D0D0D;--c1:#404040;--c2:#737373;--c3:#BFBFBF;--c4:#F2F2F2;
    color-scheme: dark light;
}
*{box-sizing:border-box} html,body{height:100%;margin:0;padding:0;overflow-x:hidden;scrollbar-gutter:stable both-edges;}
a{color:inherit;text-decoration:none} 

body{
  margin:0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-family:'Cinzel',serif,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Arial,"Noto Sans";
  color:var(--c4);
  background-color:#000;
  background-image:url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M82.42 180h-1.415L0 98.995v-2.827L6.167 90 0 83.833V81.004L81.005 0h2.827L90 6.167 96.167 0H98.996L180 81.005v2.827L173.833 90 180 96.167V98.996L98.995 180h-2.827L90 173.833 83.833 180H82.42zm0-1.414L1.413 97.58 8.994 90l-7.58-7.58L82.42 1.413 90 8.994l7.58-7.58 81.006 81.005-7.58 7.58 7.58 7.58-81.005 81.006-7.58-7.58-7.58 7.58z' fill='%231e1e1e' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}

/* Layout */
.wrap{
  min-height:100dvh;
  display:grid;
  place-items:center;
  padding:
    max(32x, env(safe-area-inset-top))
    max(20px, env(safe-area-inset-right))
    max(32px, env(safe-area-inset-bottom))
    max(20px, env(safe-area-inset-left));
  position:relative;
  z-index:3
}
.wrap > section{ min-height:0; overflow:auto; display:grid; place-items:center; }
main{width:100%;max-width:720px;text-align:center;container-type: inline-size;}
.card{margin:0 auto;padding: 0 clamp(18px, 3vw, 32px) clamp(6px, 1.2vw, 14px);}
main, .card { container-type: inline-size; }

@container (min-width: 40rem) {
  .card { padding: 0 32px 14px; }
  p { font-size: clamp(16px, 0.95rem + 0.35vw, 18px); }
}

footer{font-size:13px;color:var(--c2);font-family:'Cinzel',serif,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Arial,"Noto Sans";}
.social{display:flex;gap:16px;justify-content:center;margin:8px 0 0}
.social a{padding:2px 4px;color:var(--c3);}
.legal{margin-top:8px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.legal a{color:var(--c3)}

.divider-gothic{
  width:100%;
  display:grid;
  place-items:center;
  margin: clamp(10px, 3vw, 24px) 0;
}
.divider-svg{
  width:min(100%, 720px);
  height:auto;
  display:block;
}
@media (min-width:768px){
  .divider-gothic{ margin: clamp(8px, 1.5vw, 16px) 0; }
}

.divider-gothic.is-rotated .divider-svg{
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}