#login{grid-template-columns:48% 52%;min-height:100dvh;background:var(--p-fondo, #fcfaf7);color:var(--p-testo, #272e31);font-family:Arial,Helvetica,sans-serif}
#login .l-brand{position:relative;overflow:hidden;padding:48px 10%;gap:32px;background:radial-gradient(ellipse at 8% 3%,var(--p-accento, #ff7460) 0%,transparent 50%),radial-gradient(ellipse at 92% 110%,#64132d 0%,transparent 68%),linear-gradient(145deg,#ed4a3f 0%,#cb2d36 44%,var(--p-errore, #971e32) 100%);color:white}
#login .lw{position:relative;z-index:2;display:flex;align-items:center;gap:20px}
#login #login-loghi{margin:0;order:0;flex:0 0 140px}
#login #login-loghi .lg{background:transparent;padding:0;box-shadow:none}
#login #login-loghi img{width:140px;max-width:140px;height:auto;max-height:62px;filter:brightness(0) invert(1);object-fit:contain}
#login .login-word{order:1;border-left:1px solid #ffffff35;padding-left:20px}
#login .l-brand .bn{font-size:28px;font-weight:600;letter-spacing:-1.1px;line-height:1.1}
#login .l-brand .lw small{display:block;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;margin-top:8px;color:white;opacity:1}
#login .login-intro{position:relative;z-index:2;margin:60px 0 72px}
#login .login-eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:700;opacity:.85}
#login .l-brand h2{font-size:clamp(39px,4.7vw,65px);font-weight:500;line-height:1.04;letter-spacing:-2.6px;margin:28px 0 24px;max-width:440px}
#login .login-description{color:var(--p-err-tenue, #ffe9e3);max-width:365px;font-size:14px;line-height:1.7;margin:0}
#login .login-roles{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}
#login .login-roles span{font-size:10px;padding:8px 10px;border:1px solid #ffffff35;border-radius:20px;background:#ffffff06}
#login .login-foot{position:relative;z-index:2;display:flex;justify-content:space-between;border-top:1px solid #ffffff2b;padding-top:20px;font-size:9px;letter-spacing:.4px;color:var(--p-err-tenue, #ffe0dd)}
#login .architecture{position:absolute;bottom:60px;right:-42px;width:460px;height:auto;opacity:.12;pointer-events:none}
#login .l-brand:after{content:"";position:absolute;width:420px;height:420px;right:-260px;bottom:50px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 65px #ffffff04,0 0 0 130px #ffffff03;pointer-events:none}
#login .l-form{position:relative;padding:84px 11% 74px;background:var(--p-fondo, #fcfaf7)}
#login #f-login{width:100%;max-width:370px;display:grid;gap:0}
#login .login-accent{width:27px;height:3px;background:#d33a3c;margin-bottom:24px}
#login #f-login h1{font-size:38px;font-weight:500;letter-spacing:-1.8px;line-height:1.1;color:var(--p-testo, #272e31);margin:0 0 14px}
#login .login-sub{font-size:13px;line-height:1.7;max-width:310px;margin:0 0 34px;color:#797c7c}
#login #f-login .f{font-size:11px;letter-spacing:.15px;font-weight:600;color:#414b4d;margin:0 0 20px;display:block}
#login #f-login .in{height:53px;width:100%;border:1px solid var(--p-bordo, #d8d7d1);border-radius:7px;margin-top:10px;background:white;color:#414b4d;font-size:12px;padding:0 15px;box-shadow:0 1px 2px #32252003}
#login #f-login .in:focus{outline:2px solid var(--p-errore, #b72f3a);outline-offset:2px;border-color:var(--p-errore, #b72f3a)}
#login #f-login [data-a="login-pw-mostra"]{font-size:10px;color:#736767;border:0;background:transparent;box-shadow:none}
#login .login-forgot{font-size:10px;display:flex;justify-content:space-between;align-items:center;margin:5px 0 26px;color:#7e8584}
#login a{color:var(--p-errore, #8f2835);text-underline-offset:3px}
#login #f-login .btn.pri{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#e34b44,var(--p-errore, #ba2d3a));height:53px;width:100%;padding:0 20px;border:0;border-radius:7px;color:white;font-size:12px;font-weight:600;box-shadow:0 6px 15px #ba2d3a15}
#login #f-login .btn.pri:hover{background:linear-gradient(110deg,#d43c37,var(--p-errore, #a82432))}
#login #f-login .btn.pri:focus-visible{outline:2px solid var(--p-errore, #8f2835);outline-offset:3px}
#login .login-request{border-top:1px solid var(--p-bordo, #e5dfda);padding-top:24px;margin:30px 0 0;font-size:11px;color:#828080;line-height:1.6}
#login .login-security{display:flex;align-items:center;gap:9px;color:#99918c;font-size:10px;margin-top:28px}
#login .login-security svg{height:13px;width:13px;stroke:#9c8f88;fill:none;stroke-width:1.4;flex-shrink:0}
#login #login-err{margin-bottom:18px;font-size:13px;line-height:1.5}
#login #login-qr:not([hidden]){margin-top:18px}
@media(max-width:700px){#login{grid-template-columns:1fr}#login .l-brand{padding:30px 27px 33px;gap:0}#login #login-loghi{flex-basis:119px}#login #login-loghi img{width:119px;max-width:119px}#login .l-brand .bn{font-size:24px}#login .l-brand .lw small{display:block;font-size:8px}#login .login-intro{margin:34px 0 0}#login .l-brand h2{font-size:39px;letter-spacing:-1.8px;margin:18px 0}#login .login-description{font-size:12px;max-width:320px}#login .login-roles,#login .login-foot{display:none}#login .architecture{width:270px;bottom:-10px;right:-65px;opacity:.08}#login .l-form{padding:35px 27px 50px}#login #f-login h1{font-size:33px}#login .login-sub{margin-bottom:27px}#login .login-accent{margin-bottom:22px}#login #f-login{max-width:100%}}
#login h1,#login h2,#login .bn{font-family:Arial,Helvetica,sans-serif}