/* Visual layer only. Authentication and authorization remain in portal.js. */
:root{--ink:#f1f1ef;--muted:#a2a2a4;--line:#ffffff16;--ease:cubic-bezier(.22,1,.36,1)}
body{font-family:"Segoe UI Variable Display","Segoe UI",Helvetica,sans-serif;background:#070708;color:var(--ink);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 74% 10%,#4d4d5920,transparent 48%),radial-gradient(ellipse at 10% 85%,#38383e18,transparent 48%)}
button,a,input{transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s,transform .35s var(--ease)}
button:disabled{opacity:.45;cursor:wait;transform:none!important}button:active:not(:disabled){transform:scale(.975)}
a{text-underline-offset:5px}input{min-height:52px;background:#ffffff04;border:1px solid #ffffff20;border-radius:10px;padding:14px 16px}input:hover{border-color:#ffffff40}input:focus{outline:none;border-color:#c9c9cc;box-shadow:0 0 0 3px #ffffff0a}
label{font-size:11px;letter-spacing:.015em;color:#c3c3c6}.primary{min-height:48px;padding:13px 23px;background:#eaeae7;color:#101012;border:1px solid #ffffff4a;box-shadow:inset 0 1px #fff,0 2px 10px #0003;letter-spacing:-.01em}.primary:hover:not(:disabled){background:#fff;box-shadow:0 5px 30px #ffffff15;transform:translateY(-2px)}
.secondary{min-height:44px;border-color:#ffffff24;background:#ffffff03;font-size:12px}.secondary:hover:not(:disabled){border-color:#ffffff55;background:#ffffff09}.text-btn:hover{color:#fff;transform:translateX(3px)}
.eyebrow{font-size:9px;letter-spacing:2px;color:#a1a1a7}.muted{color:#9e9ea5;line-height:1.85}.security-card,.stats article,.tip,.steps-card{box-shadow:inset 0 1px #ffffff03;transition:border-color .3s,background .3s,transform .4s var(--ease)}
.stats article:hover,.tip:hover,.steps-card:hover{border-color:#ffffff33;transform:translateY(-3px)}
aside{background:#09090a;border-right:1px solid var(--line)}.wordmark{font-weight:600}.nav{font-size:12px;padding:13px 15px}.nav.active{background:#ffffff09;border-color:#ffffff1a}.private{color:#93939b}.aside-bottom{padding-top:20px;border-top:1px solid var(--line)}
main>header{height:94px}header>a{transition:all .3s}.hero{padding:65px 0 55px}.hero h1{font-weight:600;letter-spacing:-5px}.hero>div:first-child{animation:rise .85s var(--ease) both}.hero .domain-art{animation:rise 1.1s .12s var(--ease) both}.notice{background:#ffffff03;border-color:#ffffff16;padding:23px 25px}.notice strong{font-weight:500;font-size:13px}.notice p{font-size:11px;max-width:640px}.stats{gap:18px;margin-top:25px}.stats article{padding:25px 23px}.stats strong{font-weight:500;margin:20px 0 14px}.section-title{margin-top:48px}.section-title h2{font-weight:500;font-size:28px}.bottom-grid{gap:20px;margin-top:25px}.tip,.steps-card{padding:30px}.empty{padding:28px;background:#ffffff01;border-style:solid;border-color:#ffffff12}.domain-art .mail-icon{animation:mail-float 7s ease-in-out infinite}.domain-art .orbit{animation:orbit-breathe 9s ease-in-out infinite}.domain-art small{color:#99999f}
.portal-body{min-height:100svh;overflow-x:hidden}.portal-header{max-width:1320px;margin:0 auto;height:100px;padding:0 60px;border-color:var(--line)}.portal-header>a{font-size:22px;letter-spacing:-1px;font-weight:600}.portal-header>a:hover{opacity:.7}.portal-header>span{font-size:8px;color:#92929a;letter-spacing:1.8px}.portal-main{max-width:1320px;margin:0 auto;padding:0 60px}.portal-main #message:not(:empty){margin:28px 0 0;max-width:600px;animation:rise .35s var(--ease) both}
#login{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);column-gap:90px;align-items:center;min-height:calc(100svh - 185px);padding:58px 0 45px}#login[hidden]{display:none!important}.login-story{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative;min-width:0}.portal-main .login-story h1{font-size:clamp(48px,5.3vw,76px);font-weight:550;letter-spacing:-4.3px;line-height:1.02;margin:24px 0}.portal-main .login-story h1 em{background:linear-gradient(175deg,#fff 0%,#e4e4e7 26%,#8a8a92 46%,#f2f2f4 61%,#8c8c93 100%);background-clip:text;color:transparent}.login-story>.muted{max-width:330px;font-size:12px;line-height:1.9;margin:0}.login-form-panel{width:100%;max-width:390px;justify-self:end;animation:rise .95s .12s var(--ease) both}.login-form-panel::before{content:"DEIN PERSÖNLICHER BEREICH";display:block;font:9px/1.5 monospace;letter-spacing:1.6px;color:#8d8d96;border-top:1px solid #ffffff1c;padding:25px 0 10px}.login-form-panel label{margin:24px 0 10px}.login-form-panel input{background:#ffffff03;height:55px}.login-form-panel .primary{width:100%;margin-top:26px!important;border-radius:10px;text-align:left;position:relative;padding:16px 20px}.login-form-panel>.muted{font-size:10px;line-height:1.9;margin-top:23px;color:#898993}.portal-main>footer{margin-top:0;padding:26px 0;border-color:var(--line);color:#85858f;font-size:9px}.login-story{animation:rise .9s var(--ease) both}
.chrome-object{position:relative;width:310px;height:210px;margin:32px 0 0 4px;isolation:isolate;perspective:800px;pointer-events:none}.chrome-object::before{content:"";position:absolute;inset:35px 18px 20px;background:radial-gradient(ellipse,#babac222,transparent 65%);filter:blur(15px);animation:light-breathe 7s ease-in-out infinite}.chrome-orbit{position:absolute;left:5px;top:58px;width:278px;height:90px;border:1px solid #ffffff22;border-radius:50%;transform:rotate(-25deg)}.chrome-orbit::after{content:"";position:absolute;inset:-20px 20px;border:1px solid #ffffff0e;border-radius:50%;transform:rotate(65deg)}.chrome-envelope{position:absolute;width:143px;height:101px;left:75px;top:51px;border:1px solid #fff8;border-radius:16px;background:linear-gradient(145deg,#e4e4e7 0%,#74747d 19%,#dedee3 39%,#6e6e77 58%,#b9b9c1 76%,#35353e 100%);transform:rotate(-14deg) rotateY(-18deg);box-shadow:inset 0 1px 1px #fff,0 25px 60px #000,0 0 35px #ffffff08;animation:envelope-float 7s ease-in-out infinite;overflow:hidden}.chrome-envelope::before{content:"";position:absolute;width:97px;height:97px;border:1px solid #2e2e3b99;border-top:0;border-left:0;left:20px;top:-62px;transform:rotate(45deg);border-radius:0 0 10px 0;box-shadow:1px 1px #ffffff60}.chrome-envelope::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,#ffffff60 40%,transparent 65%);transform:translateX(-130%);animation:chrome-sweep 9s 2s ease-in-out infinite}.chrome-caption{position:absolute;bottom:5px;left:9px;color:#73737e;font:8px monospace;letter-spacing:2px}.chrome-caption::before{content:"";width:20px;height:1px;background:#64646b;display:inline-block;vertical-align:middle;margin-right:12px}
#mfa{max-width:580px;min-height:calc(100svh - 185px);padding:66px 0 55px;animation:rise .6s var(--ease) both}#mfa h2{font-size:38px;letter-spacing:-1.6px;margin:23px 0}#mfa #mfa-help{font-size:13px;max-width:450px}#mfa-form{max-width:390px!important}#mfa-form #code{font-size:24px;letter-spacing:9px;height:65px}#mfa-form .primary{width:100%;border-radius:10px}#mfa>.secondary{margin-right:6px;font-size:11px}#secret{max-width:390px}#portal{padding:55px 0;animation:rise .6s var(--ease) both}#portal>h2{font-size:42px;letter-spacing:-1.7px;margin-top:20px}#portal>.security-card{margin:30px 0 8px;padding:30px;border-radius:12px;max-width:680px}#portal>.secondary{margin-right:7px}#admin .section-title{margin-top:65px;padding-top:35px;border-top:1px solid var(--line)}#admin>.security-card{padding:30px;border-radius:12px;margin-top:24px}#admin form{max-width:600px}#admin .security-grid{gap:20px}#members .security-card{padding:26px;border-radius:12px}#members .security-card h3{font-size:20px;overflow-wrap:anywhere}#members .secondary{font-size:10px}#events p{padding:12px 0;border-bottom:1px solid #ffffff0b;font-size:11px}dialog{box-shadow:0 24px 120px #000b;border-radius:16px;border-color:#ffffff2b}dialog[open]{animation:dialog-in .35s var(--ease) both}dialog::backdrop{animation:fade-in .3s both}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes mail-float{0%,100%{transform:rotate(-12deg) rotateY(-20deg) translateY(0)}50%{transform:rotate(-9deg) rotateY(-12deg) translateY(-9px)}}@keyframes orbit-breathe{0%,100%{opacity:.5;transform:rotate(-26deg) scale(.97)}50%{opacity:1;transform:rotate(-22deg) scale(1.03)}}@keyframes envelope-float{0%,100%{transform:rotate(-14deg) rotateY(-18deg) translateY(0)}50%{transform:rotate(-10deg) rotateY(-8deg) translateY(-10px)}}@keyframes chrome-sweep{0%,65%,100%{transform:translateX(-140%)}85%{transform:translateX(140%)}}@keyframes light-breathe{0%,100%{opacity:.45}50%{opacity:1}}@keyframes dialog-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media(min-width:1500px){.portal-header,.portal-main{max-width:1360px}#login{column-gap:140px}}
@media(max-width:1000px){.portal-header,.portal-main{padding-left:40px;padding-right:40px}#login{column-gap:45px;grid-template-columns:minmax(0,1fr) minmax(280px,1fr)}.portal-main .login-story h1{font-size:56px;letter-spacing:-3px}.chrome-object{width:280px}.hero h1{letter-spacing:-3px}}
@media(max-width:700px){.portal-header{height:80px;padding:0 24px}.portal-header>a{font-size:19px}.portal-header>span{font-size:6px;letter-spacing:1px}.portal-main{padding:0 24px}.portal-main #message:not(:empty){font-size:12px;margin-top:20px}#login{display:block;min-height:auto;padding:43px 0 40px}.portal-main .login-story h1{font-size:clamp(40px,10.5vw,56px);letter-spacing:-2.3px;line-height:1.04;margin:20px 0}.login-story>.muted{max-width:350px;font-size:12px}.chrome-object{display:none}.login-form-panel{max-width:none;margin-top:32px}.login-form-panel::before{padding-top:25px;font-size:8px}.login-form-panel label{margin-top:22px}.login-form-panel>.muted{font-size:10px;max-width:400px}.portal-main>footer{font-size:8px;line-height:1.7;gap:10px}.portal-main>footer>span:last-child{max-width:230px;text-align:right}#mfa{padding:43px 0;min-height:calc(100svh - 165px)}#mfa h2{font-size:31px;letter-spacing:-1.2px}#mfa>.secondary{font-size:10px;padding:12px;margin-top:12px}#portal{padding-top:40px}#portal>h2{font-size:34px}#portal>.security-card{padding:23px}#portal>.security-card h3{font-size:23px;overflow-wrap:anywhere}#admin>.security-card{padding:22px}#members .security-card{padding:22px}.stats article{padding:18px}.stats strong{margin:0}.hero{padding:40px 0 30px}.hero h1{letter-spacing:-2.6px}.notice{padding:18px}.notice strong{font-size:12px}.notice p{font-size:11px}.tip,.steps-card{padding:24px}.bottom-grid{gap:16px}.section-title h2{font-size:24px}.stats article:hover,.tip:hover,.steps-card:hover{transform:none}.primary:hover:not(:disabled){transform:none}}
@media(max-width:380px){.portal-header,.portal-main{padding-left:20px;padding-right:20px}.portal-header>span{font-size:5px;letter-spacing:.7px}.portal-main>footer{display:block}.portal-main>footer>span{display:block!important;text-align:left!important;max-width:none!important}.portal-main>footer>span+span{margin-top:5px}.hero h1{font-size:56px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.chrome-envelope{transform:rotate(-14deg) rotateY(-18deg)}.primary:hover:not(:disabled),.stats article:hover,.tip:hover,.steps-card:hover,.text-btn:hover{transform:none}}