*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0b2a4e;background:#fff}button,input{font:inherit}.sp-shell{min-height:100vh;display:grid;grid-template-columns:50% 50%;grid-template-rows:minmax(0,1fr) 94px}.sp-hero{position:relative;min-height:760px;background:#052945;overflow:hidden}.sp-hero-image{position:absolute;inset:0;background:url('hero.webp') center center/cover no-repeat}.sp-access{min-height:760px;display:grid;place-items:center;padding:56px 70px;background:radial-gradient(circle at 90% 10%,rgba(18,72,116,.05),transparent 34%),linear-gradient(145deg,#fff,#fbfdff)}.sp-form-wrap{width:min(520px,100%);transform:translateY(-4px)}.sp-mobile-logo{display:none}.sp-heading{margin:0 0 42px}.sp-heading h1{font-size:34px;line-height:1.12;letter-spacing:-.025em;margin:0;color:#0b2b51}.sp-heading span{display:block;width:46px;height:2px;background:#7cc625;margin:20px 0 28px}.sp-heading p{margin:0;color:#62748a;font-size:16px;line-height:1.5}.sp-form{display:grid;gap:18px}.sp-field{height:66px;border:1px solid #d6dfe8;border-radius:8px;background:#fff;display:flex;align-items:center;gap:14px;padding:0 18px;box-shadow:0 2px 8px rgba(15,47,79,.025);transition:.18s}.sp-field:focus-within{border-color:#6b94b7;box-shadow:0 0 0 4px rgba(30,93,145,.08)}.sp-field>svg{width:23px;height:23px;fill:none;stroke:#0e3156;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.sp-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#173b5b;font-size:15px}.sp-field input::placeholder{color:#8190a2;opacity:1}.sp-eye{border:0;background:transparent;padding:8px;margin:-8px;color:#63798f;cursor:pointer}.sp-eye svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.sp-submit{height:64px;border:0;border-radius:8px;background:linear-gradient(90deg,#082d58,#073b68);color:#fff;display:grid;grid-template-columns:22px 1fr 1px 24px;align-items:center;gap:12px;padding:0 18px 0 28px;font-weight:750;cursor:pointer;box-shadow:0 10px 22px rgba(7,48,88,.14)}.sp-submit:hover{filter:brightness(1.05)}.sp-submit svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.7}.sp-submit i{width:1px;height:36px;background:#70bd2f}.sp-submit b{font-size:29px;font-weight:300;line-height:1}.sp-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:36px 0 20px}.sp-divider span{height:1px;background:#d7dfe7}.sp-divider em{font-style:normal;color:#738397;font-size:14px}.sp-audience{text-align:center;color:#687b90;font-size:14px;margin:0}.sp-footer{grid-column:1/-1;min-height:94px;background:linear-gradient(90deg,#06294d,#073c69);color:#fff;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;padding:14px 24px;border-top:1px solid rgba(114,195,40,.65)}.sp-footer div:first-child{font-size:15px}.sp-footer div:last-child{font-size:13px;color:#d5e0eb}.sp-footer i{font-style:normal;color:#7bc527;margin:0 8px}.sp-footer a{color:#7bc527;text-decoration:none}.sp-alert,.system-announcement,.maintenance-login-notice{border-radius:9px;padding:14px 16px;margin:0 0 18px;line-height:1.45;font-size:14px}.sp-alert{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.system-announcement{display:flex;gap:12px;background:#eef6ff;border:1px solid #c9e0f7;color:#163f64}.system-announcement p,.maintenance-login-notice p{margin:4px 0 0}.maintenance-login-notice{display:flex;gap:12px}.maintenance-login-notice.is-planned{background:#fff7dc;border:1px solid #e9bd4f;color:#604600}.maintenance-login-notice.is-active{background:#9f1239;color:#fff;border:1px solid #fb7185}.sp-preview{grid-column:1/-1;background:#f5e8b6;color:#4b3b00;padding:9px 16px;display:flex;gap:14px;align-items:center;justify-content:center;font-size:13px}.sp-preview a{color:#174f80}.sp-shell:has(.sp-preview){grid-template-rows:auto minmax(0,1fr) 94px}.sp-shell:has(.sp-preview) .sp-hero{grid-row:2}.sp-shell:has(.sp-preview) .sp-access{grid-row:2}.sp-shell:has(.sp-preview) .sp-footer{grid-row:3}
@media(max-width:1050px){.sp-shell{grid-template-columns:46% 54%}.sp-access{padding:46px 42px}.sp-hero-image{background-position:48% center}}
@media(max-width:780px){.sp-shell{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.sp-hero{display:none}.sp-access{min-height:calc(100vh - 82px);padding:34px 22px}.sp-form-wrap{transform:none}.sp-mobile-logo{display:block;width:min(260px,74%);height:auto;margin:0 auto 32px}.sp-heading{text-align:center;margin-bottom:30px}.sp-heading span{margin:16px auto 22px}.sp-heading p br{display:none}.sp-footer{min-height:82px}.sp-shell:has(.sp-preview){grid-template-rows:auto minmax(0,1fr) auto}.sp-shell:has(.sp-preview) .sp-access{grid-row:2}.sp-shell:has(.sp-preview) .sp-footer{grid-row:3}}
@media(max-width:440px){.sp-access{padding:24px 16px}.sp-heading h1{font-size:30px}.sp-field,.sp-submit{height:60px}.sp-divider{margin-top:28px}}

/* Sandbox v1.1 – rechte Login-Seite: technische Tiefe, Status und priorisierte Meldungen */
.sp-access{position:relative;overflow:hidden;isolation:isolate}
.sp-access:before{content:"";position:absolute;z-index:-2;width:620px;height:620px;right:-245px;top:-215px;border-radius:50%;background:radial-gradient(circle,rgba(31,102,160,.105) 0%,rgba(31,102,160,.045) 34%,rgba(31,102,160,0) 70%);pointer-events:none}
.sp-access:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(132deg,transparent 0 69%,rgba(31,87,135,.10) 69.08% 69.18%,transparent 69.26%),linear-gradient(35deg,transparent 0 83%,rgba(31,87,135,.07) 83.08% 83.18%,transparent 83.26%),radial-gradient(circle at 89% 16%,rgba(20,73,119,.28) 0 1.5px,transparent 2px),radial-gradient(circle at 77% 26%,rgba(20,73,119,.18) 0 1.5px,transparent 2px),radial-gradient(circle at 94% 36%,rgba(20,73,119,.20) 0 1.5px,transparent 2px);background-size:100% 100%,100% 100%,180px 180px,230px 230px,270px 270px}
.sp-form-wrap{position:relative;z-index:1}
.sp-product-status{display:flex;align-items:center;gap:8px;margin:0 0 20px;color:#61758a;font-size:12px;font-weight:650;letter-spacing:.015em}
.sp-product-status i{width:8px;height:8px;border-radius:50%;background:#79c624;box-shadow:0 0 0 5px rgba(121,198,36,.10),0 0 16px rgba(121,198,36,.30)}
.sp-product-status b{font-weight:400;color:#9aabb9}
.sp-heading{margin-bottom:34px}
.sp-message-stack{display:grid;gap:10px;margin:-4px 0 22px}
.sp-message-stack>.system-announcement,.sp-message-stack>.maintenance-login-notice,.sp-message-stack>.sp-alert{margin:0}
.sp-message-stack .system-announcement,.sp-message-stack .maintenance-login-notice{position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(15,47,79,.055)}
.sp-message-stack .system-announcement:before,.sp-message-stack .maintenance-login-notice:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#2d75ad}
.sp-message-stack .maintenance-login-notice.is-planned:before{background:#d7a61e}
.sp-message-stack .maintenance-login-notice.is-active:before{background:#fff}
.system-announcement-icon,.maintenance-login-icon{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.62);font-weight:800}
.sp-submit{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.sp-submit:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#79c624;box-shadow:0 0 16px rgba(121,198,36,.35)}
.sp-submit:after{content:"";position:absolute;top:0;left:-35%;width:22%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.09),transparent);transform:skewX(-18deg);transition:left .45s ease}
.sp-submit:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(7,48,88,.20)}
.sp-submit:hover:after{left:115%}
.sp-submit b{transition:transform .18s ease}.sp-submit:hover b{transform:translateX(3px)}
.sp-version{margin-top:24px;text-align:center;color:#a0adba;font-size:11px;letter-spacing:.02em}.sp-version span{color:#79c624;margin:0 5px}
@media(max-width:780px){.sp-access:before{width:430px;height:430px;right:-220px;top:-180px}.sp-access:after{opacity:.22}.sp-product-status{justify-content:center;margin-bottom:16px}.sp-message-stack{text-align:left}.sp-version{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.sp-submit:after,.sp-submit b{transition:none}.sp-submit:hover{transform:none}}