@font-face{font-family:"Benzin";font-weight:800;font-display:swap;src:url("/lizenz/assets/benzin-800.woff") format("woff")}
@font-face{font-family:"Benzin";font-weight:400;font-display:swap;src:url("/lizenz/assets/benzin-400.woff") format("woff")}
:root{color-scheme:dark;--bg:#0d0d10;--win:#1C1C1E;--card:#161618;--line:rgba(255,255,255,.08);--t:#F5F5F7;--g:#8E8E93;--l1:#D4B5FE;--l2:#B48AF7;--l3:#8F5BEA;--red:#FF8A8A}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--t);font:13px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.glow{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.glow i{position:absolute;border-radius:50%;filter:blur(40px)}
.glow .g1{width:75vmax;height:75vmax;right:-28vmax;top:-30vmax;background:radial-gradient(closest-side,rgba(133,103,171,.55),rgba(133,103,171,.16) 55%,transparent)}
.glow .g2{width:60vmax;height:60vmax;left:-26vmax;bottom:-30vmax;background:radial-gradient(closest-side,rgba(110,72,180,.45),rgba(110,72,180,.12) 55%,transparent)}
@media (prefers-reduced-motion:no-preference){.glow .g1{animation:f1 18s ease-in-out infinite alternate}.glow .g2{animation:f2 22s ease-in-out infinite alternate}@keyframes f1{to{translate:-6vmax 5vmax}}@keyframes f2{to{translate:5vmax -4vmax}}}
.h{font-family:"Benzin","Helvetica Neue",Arial,sans-serif;font-weight:800;text-transform:lowercase;letter-spacing:.01em;margin:0}
.h::before{content:".";color:#8567ab}
.magic{position:relative;isolation:isolate;display:flex}
.magic canvas{position:absolute;inset:-36px -28px;width:calc(100% + 56px);height:calc(100% + 72px);pointer-events:none;z-index:-1}
.mbtn{position:relative;width:100%;font:inherit;font-size:14px;font-weight:600;color:#fff;border:0;border-radius:11px;padding:12px 18px;cursor:pointer;background:linear-gradient(#B48AF7,#8F5BEA);box-shadow:0 0 0 1px rgba(212,181,254,.35),0 4px 22px rgba(143,91,234,.55),inset 0 1px 0 rgba(255,255,255,.35);text-decoration:none;text-align:center;display:block}
.mbtn:hover{box-shadow:0 0 0 1px rgba(212,181,254,.5),0 6px 30px rgba(143,91,234,.75),inset 0 1px 0 rgba(255,255,255,.35)}
.mbtn:active{transform:scale(.98)}
.copy{color:#6E6E73;font-size:11px;text-align:center}