/* Impressum & Datenschutz */
:root{
  --bg:#03060c; --ink:#e8f2ff; --muted:#8ea6c2; --dim:#4d6480;
  --blue:#2c8cff; --cyan:#00c4ff; --ice:#c7e4ff;
  --line:rgba(130,180,240,.13);
  --display:"Michroma","Eurostile","Arial",sans-serif;
  --body:"Inter",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg)}
body{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(700px 420px at 75% -5%,rgba(44,140,255,.16),transparent 70%),radial-gradient(600px 400px at 0% 100%,rgba(0,120,255,.07),transparent 70%)}
body::after{content:"";position:fixed;left:-50%;right:-50%;bottom:-6%;height:38%;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(70,150,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(70,150,255,.14) 1px,transparent 1px);
  background-size:70px 70px;transform:perspective(500px) rotateX(72deg);transform-origin:50% 100%;
  -webkit-mask:linear-gradient(to top,#000 10%,transparent 85%);mask:linear-gradient(to top,#000 10%,transparent 85%)}
::selection{background:var(--blue);color:#fff}
a{color:var(--ice);text-decoration:underline;text-decoration-color:rgba(0,196,255,.4);text-underline-offset:3px;transition:color .25s,text-decoration-color .25s}
a:hover{color:#fff;text-decoration-color:var(--cyan)}

.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px clamp(16px,4vw,48px)}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);letter-spacing:.32em;font-size:.82rem;color:var(--ink);text-decoration:none}
.brand svg{width:30px;height:auto;filter:drop-shadow(0 0 6px rgba(44,140,255,.5))}
.back{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-decoration:none}
.back:hover{color:var(--ink)}

main{flex:1;width:min(760px,100% - 32px);margin:clamp(24px,6vh,64px) auto clamp(48px,8vh,90px)}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.72rem;letter-spacing:.24em;color:var(--cyan);text-transform:uppercase}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
h1{font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,4.4vw,2.5rem);letter-spacing:.06em;line-height:1.3;margin:16px 0 34px;
  background:linear-gradient(180deg,#fff,#d7e7f8 55%,#93aecb);-webkit-background-clip:text;background-clip:text;color:transparent}
.card{border:1px solid var(--line);border-radius:6px;background:rgba(12,22,38,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:clamp(22px,4vw,40px)}
h2{font-family:var(--display);font-weight:400;font-size:.86rem;letter-spacing:.1em;color:var(--ink);margin:34px 0 10px}
h2:first-child{margin-top:0}
p,li{color:#b6c8dd;font-size:.98rem}
p+p{margin-top:10px}
ul{padding-left:1.2em;margin-top:8px}
li+li{margin-top:4px}
.stand{margin-top:30px;font-size:.82rem;color:var(--dim)}

.legal{display:flex;justify-content:center;gap:22px;padding:0 16px 26px;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}
.legal a{color:var(--dim);text-decoration:none}
.legal a:hover,.legal a[aria-current]{color:var(--ice)}