:root{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#14334b;background:#edf3f1}*{box-sizing:border-box}body{margin:0}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)}.hero{position:relative;background:#145b5e url('sharing-klimaschutz.jpg') center center/cover no-repeat;min-height:100vh}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,35,50,.05) 30%,rgba(5,38,47,.82) 100%)}.hero-overlay{position:absolute;bottom:7%;left:8%;right:7%;z-index:1;color:white;text-shadow:0 2px 10px #0007}.eyebrow{font-size:.82rem;font-weight:750;letter-spacing:.15em}.hero h1{font-size:clamp(2.4rem,4.3vw,4.6rem);line-height:1.07;margin:16px 0}.hero p{font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.5}.login-side{display:grid;place-items:center;padding:42px 30px;background:radial-gradient(circle at 95% 5%,#dff1e4,transparent 42%),#f7faf9}.login-card{width:min(100%,440px);background:#fff;border:1px solid #e3ece8;border-radius:24px;padding:clamp(26px,4vw,48px);box-shadow:0 24px 65px #123b341a}.brand{display:flex;align-items:center;gap:10px;font-size:1.22rem;font-weight:800;color:#123f58}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#d9f3e3;color:#1b8752;font-size:2rem}.intro{color:#36835d;font-weight:600;margin:12px 0 35px}.login-card h2{font-size:clamp(1.6rem,2.2vw,2.1rem);margin:0 0 8px}.subtitle{color:#617583;line-height:1.5;margin:0 0 30px}.login-card label{display:block;font-weight:650;margin:0 0 9px}.login-card input{width:100%;font:inherit;padding:15px 16px;border:1px solid #bdcfc9;border-radius:12px;outline:none}.login-card input:focus{border-color:#188957;box-shadow:0 0 0 4px #2baa7024}.login-card button{width:100%;display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px;border:0;border-radius:12px;padding:15px;background:#126b55;color:#fff;font:inherit;font-weight:750;cursor:pointer}.login-card button:hover{background:#0d5544}.login-card button:focus-visible{outline:3px solid #84caa3;outline-offset:3px}.footnote{text-align:center;color:#788a86;font-size:.8rem;margin:34px 0 0}.error{background:#fff0f0;border:1px solid #f0b7b7;color:#9a1d1d;border-radius:10px;padding:12px;margin-bottom:18px}@media(max-width:850px){.login-shell{grid-template-columns:1fr}.hero{min-height:290px;background-position:center 42%}.hero-overlay{bottom:18px;left:24px}.hero h1{font-size:2.1rem;margin:8px 0}.hero p{font-size:.95rem;margin:0}.login-side{padding:28px 18px}.login-card{max-width:520px}}@media(max-width:450px){.hero{min-height:230px}.eyebrow{font-size:.65rem}.hero h1{font-size:1.8rem}.hero p{font-size:.82rem}.login-card{padding:24px}}