*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#182638;background:#edf2f8}button,input{font:inherit}.login-shell{max-width:1440px;min-height:calc(100dvh - 48px);margin:24px auto;display:grid;grid-template-columns:1.4fr 1fr;border-radius:22px;overflow:hidden;background:#f3f7fc;box-shadow:0 24px 80px #06233d24}.login-intro{position:relative;min-height:740px;background:linear-gradient(90deg,#001421b8,#00142118),url('/auth-workshop.png') center/cover;padding:40px clamp(28px,5vw,72px);display:flex;align-items:flex-start}.wasto-logo{width:100%;max-width:410px;height:176px;object-fit:contain}.login-intro:after{content:"";position:absolute;right:9%;bottom:10%;width:48px;height:48px;border-left:5px solid #16c6ed;border-bottom:5px solid #16c6ed;border-radius:0 0 0 12px}.login-card{align-self:center;margin:40px 30px;padding:36px 30px;border-radius:20px;background:#ffffffb8;box-shadow:0 10px 40px #223f6509}.login-card h1{font-size:30px;line-height:1.2;margin:0 0 12px;letter-spacing:-.6px}.system-description{font-size:16px;line-height:1.6;color:#61758c;margin:0}.login-card form{margin-top:28px}label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}input{display:block;width:100%;height:52px;border:1px solid #d6e0ea;border-radius:9px;background:#f8fbff;padding:0 14px;color:#182638;outline:none}input:focus{border-color:#0061c5;box-shadow:0 0 0 3px #0061c51a}#login-name{padding-left:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2378899b' stroke-width='1.6'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 6 9 7 9-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}.password-wrap{position:relative}.password-wrap input{padding-left:38px;padding-right:50px}.password-wrap:before{content:"";position:absolute;left:12px;top:14px;width:20px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2378899b' stroke-width='1.7'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V6a4 4 0 0 1 8 0v4M12 14v3'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}.password-toggle{position:absolute;right:3px;top:3px;width:44px;height:46px;border:0;background:transparent;color:#65788d;cursor:pointer}.password-toggle svg{width:22px;height:22px}.primary{width:100%;min-height:48px;border:0;border-radius:9px;background:#0061c5;color:white;font-weight:600;cursor:pointer;margin-top:26px}.primary:hover{background:#004e9e}.primary:disabled{opacity:.6;cursor:wait}#login-notice{background:#fff0ee;border:1px solid #f5cdc6;border-radius:9px;padding:12px;color:#b83c2d;font-size:14px;line-height:1.5}.login-footnote{font-size:12px;text-align:center;color:#7a899b;line-height:1.6;margin:22px 0 0}button:focus-visible{outline:3px solid #14bbdf;outline-offset:3px}[hidden]{display:none!important}@media(max-width:900px){.login-intro{padding:36px 28px}.login-card{margin:24px 16px;padding:28px 22px}}@media(max-width:680px){.login-shell{display:flex;flex-direction:column;border-radius:0;margin:0;min-height:100dvh;background:#061c2c;box-shadow:none}.login-intro{min-height:310px;padding:24px;background-position:center 48%}.wasto-logo{max-width:330px;height:132px}.login-intro:after{right:8%;bottom:8%;width:32px;height:32px;border-width:4px}.login-card{align-self:stretch;margin:0 12px 12px;padding:28px 24px;background:#f9fbff;border-radius:22px}.login-card h1{font-size:27px}.login-card form{margin-top:22px}}