:root{--grund:#0b1526;--hell:#f4f8fd;--verlauf:linear-gradient(120deg,#1f5fff 0%,#2f9bff 55%,#22d3ee 100%);--schrift:-apple-system,"SF Pro Display","SF Pro Text",system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:var(--schrift);color:#fff;background:var(--grund);line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;position:relative;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(60vw 50vh at 8% 0%,rgba(31,95,255,.35),transparent 70%),radial-gradient(50vw 45vh at 100% 20%,rgba(34,211,238,.18),transparent 70%),radial-gradient(70vw 60vh at 50% 110%,rgba(47,155,255,.22),transparent 70%)}
body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:#7cc4ff}
.wrap{max-width:880px;margin:0 auto;padding:max(48px,env(safe-area-inset-top)) 24px 32px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.held{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 0}
.logo{width:96px;height:96px;border-radius:22px;box-shadow:0 24px 60px -24px rgba(31,95,255,.8)}
.marke{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:18px 0 0}
.ueber{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#7fe3f5;font-weight:700;margin:36px 0 10px}
h1{font-size:clamp(40px,8vw,76px);line-height:1.02;letter-spacing:-.04em;margin:0}
h1 em{font-style:normal;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(17px,2.3vw,20px);color:rgba(255,255,255,.72);max-width:560px;margin:22px auto 0}
.glas{margin:36px auto 0;padding:18px 24px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:15px;color:rgba(255,255,255,.8)}
.glas b{color:#fff}
footer{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;text-align:center;font-size:14px;color:rgba(255,255,255,.5);padding:24px 0 max(16px,env(safe-area-inset-bottom))}
footer a{color:rgba(255,255,255,.7);text-decoration:none}
footer a:hover{color:#fff}
.recht{max-width:760px;margin:0 auto;padding:48px 24px}
.recht h1{font-size:clamp(32px,5vw,44px);margin:8px 0 24px}
.recht h2{font-size:18px;margin:28px 0 8px}
.recht p,.recht li{color:rgba(255,255,255,.78);font-size:16px}
.zurueck{font-size:14px;text-decoration:none;color:#7cc4ff}
