:root{color-scheme:dark;--grund:#080611;--tafel:rgba(12,9,24,.94);--linie:#3b3150;
  --schrift:#f1e9da;--leise:#aaa0b8;--gold:#d2ad55;--warn:#efa0ad;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:-apple-system,"Segoe UI",Roboto,system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 30%,#1a1025 0,#080611 52%,#05040a 100%);
  color:var(--schrift);font-family:var(--sans);line-height:1.55}
.anmeldung{min-height:100dvh;padding:28px 16px;display:grid;place-items:center}
.karte{width:min(440px,100%);padding:clamp(26px,5vw,48px);text-align:center;
  background:var(--tafel);border:1px solid var(--linie);box-shadow:0 32px 90px rgba(0,0,0,.58)}
.siegel{width:72px;height:72px;margin:0 auto 20px;display:grid;place-items:center;color:var(--gold)}
.siegel svg{width:100%;height:100%;overflow:visible}
.siegel circle,.siegel path{fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.siegel path{transform-box:view-box;transform-origin:center;animation:kreisen 56s linear infinite}
@keyframes kreisen{to{transform:rotate(360deg)}}
.k{margin:0;color:var(--gold);font-size:10px;letter-spacing:.25em;text-transform:uppercase}
.signatur{margin:12px 0 2px!important;color:var(--leise)!important;font:italic 13px/1.4 var(--serif)!important;
  letter-spacing:.16em;text-transform:uppercase}
h1{margin:0 0 10px;font:400 clamp(42px,10vw,68px)/1 var(--serif);letter-spacing:-.035em}
.karte>p:not(.k){color:var(--leise);font-size:14px}
label{display:block;margin:18px 0 0;text-align:left;color:var(--leise);font-size:12px}
label span{display:block;margin:0 0 6px;letter-spacing:.08em;text-transform:uppercase}
input{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--linie);border-radius:3px;
  background:#090711;color:var(--schrift);font:16px var(--sans)}
button{width:100%;min-height:48px;padding:11px 16px;border:1px solid var(--gold);border-radius:3px;
  background:rgba(210,173,85,.12);color:var(--schrift);font:650 14px var(--sans);cursor:pointer}
button:disabled{cursor:wait;opacity:.62}
:where(button,input):focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.fehler{min-height:24px;margin:10px 0;color:var(--warn)!important;text-align:left}
.hinweis{margin:17px 0 0!important;font-size:11px!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:390px){.anmeldung{padding:16px 12px}.karte{padding:25px 19px}.siegel{width:60px;height:60px}}
@media(min-width:1900px){.karte{width:min(500px,100%);padding:54px}.siegel{width:82px;height:82px}}