:root{--bg:#f5f6f2;--ink:#132d31;--muted:#607273;--green:#c5eb62;--line:#d8ded8;--dark:#123d3e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'Segoe UI',Arial,sans-serif}a{color:inherit}header{max-width:1320px;margin:auto;padding:28px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:750;font-size:23px;letter-spacing:-1px;text-decoration:none}.brand span{font-weight:350}.brand i{display:inline-block;width:8px;height:8px;background:#6c992b;border-radius:50%;margin-left:5px}nav{display:flex;align-items:center;gap:26px;font-size:14px}nav a{text-decoration:none}nav form{margin:0}main{max-width:1320px;margin:auto;padding:55px 48px 80px;min-height:75vh}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,5vw,68px);line-height:1.08;letter-spacing:-2.7px;font-weight:600;margin-bottom:25px}h2{font-size:38px;line-height:1.2;letter-spacing:-1.2px;font-weight:550}h3{font-size:23px;line-height:1.3;letter-spacing:-.5px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:24px;color:#4f7372}.lead{font-size:19px;line-height:1.7;max-width:540px;color:var(--muted)}.muted{font-size:13px;color:var(--muted);margin-top:18px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--dark);color:white;padding:15px 24px;text-decoration:none;border:none;border-radius:5px;font:600 14px 'Segoe UI',sans-serif;cursor:pointer}.button:hover{background:#205858}.button.small{padding:11px 18px}.button.wide{width:100%;margin-top:20px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:15px 0 80px}.network-art{position:relative;height:460px;background:var(--dark);border-radius:18px;overflow:hidden;color:white;background-image:radial-gradient(#ffffff16 1px,transparent 1px);background-size:20px 20px}.orbit{position:absolute;border:1px solid #ffffff24;border-radius:50%;width:370px;height:370px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit.b{width:240px;height:240px}.core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:126px;height:126px;background:var(--green);color:var(--dark);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:49px;line-height:1;font-weight:600;box-shadow:0 0 75px #c5eb6222}.core span{font-size:10px;margin-top:10px}.node{position:absolute;background:#245454;border:1px solid #ffffff30;border-radius:6px;padding:11px 15px;font-size:10px;letter-spacing:1px}.n1{top:57px;left:28px}.n2{right:18px;top:200px}.n3{left:36px;bottom:74px}.art-caption{position:absolute;bottom:24px;left:26px;font-size:9px;letter-spacing:2px;color:#b0cbc6}section{padding-bottom:55px}section+section{padding-top:45px;border-top:1px solid var(--line)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:40px}.section-title p{max-width:430px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.grid.two{grid-template-columns:repeat(2,1fr)}article,.panel{padding:32px;border:1px solid var(--line);border-radius:10px;background:#fff}article p{color:var(--muted)}.number{display:block;color:#729849;font-size:13px;margin-bottom:30px}.tag{display:inline-block;font-size:10px;font-weight:650;letter-spacing:1px;background:#edf2e5;padding:5px 9px;border-radius:4px;margin-bottom:18px}.card-link{text-decoration:none}.card-link article{height:100%;transition:transform .15s}.card-link:hover article{transform:translateY(-3px);border-color:#8fada0}.contact{display:flex;align-items:center;justify-content:space-between}.contact p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:30px 48px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--muted)}.login-layout{display:grid;grid-template-columns:1fr 440px;gap:90px;align-items:center;min-height:65vh}.login-card{background:#fff;border:1px solid var(--line);padding:40px;border-radius:14px;box-shadow:0 15px 70px #123d3e08}.login-card h2{font-size:32px}.rule{height:3px;width:50px;background:var(--green);margin-top:30px}label{display:block;font-size:12px;font-weight:650;margin:16px 0 7px}input,select,textarea{font:16px 'Segoe UI',sans-serif;background:#fafbf8;border:1px solid #c7d2cc;border-radius:5px;padding:12px;width:100%;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid #8bad56;outline-offset:1px}input[type=checkbox]{width:auto}textarea{min-height:110px}button{cursor:pointer}.password-wrap{position:relative}.password-wrap input{padding-right:90px}.reveal{position:absolute;right:9px;top:11px;border:0;background:none;color:#426b60;font-size:12px;padding:4px}.quiet{border:0;background:none;color:var(--ink);padding:8px;font:inherit}.error,.errorlist{color:#9b322d;font-size:14px}.notice{padding:15px;background:#e5efda;border-radius:6px}.edit-form{max-width:760px}.edit-form .helptext{display:block;color:var(--muted);font-size:12px}.cancel{margin-left:25px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:white}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th,td{padding:15px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:1px;background:#edf2ed}.ua{max-width:220px;overflow-wrap:anywhere;font-size:11px}.danger{color:#9b322d}.icon{width:48px;height:48px;object-fit:contain;float:right}.version{font-size:13px}details{margin:15px 0}summary{cursor:pointer}section[id]{scroll-margin-top:20px}@media(max-width:850px){header{padding:20px}nav{gap:14px}nav>a:not(.button){display:none}main{padding:35px 20px}.hero{grid-template-columns:1fr;gap:25px}.network-art{height:350px}.grid,.grid.two{grid-template-columns:1fr}.section-title,.contact{display:block}.login-layout{grid-template-columns:1fr;gap:30px}.login-card{padding:25px}.login-layout h1{font-size:42px}.login-layout .lead{font-size:16px}footer{padding:25px;flex-wrap:wrap}h1{overflow-wrap:anywhere}h2{font-size:30px}}

/* Identità susannetwork — immagini ufficiali, palette fibra blu. */
:root{--bg:#f2f6fb;--ink:#142f4b;--muted:#566e85;--green:#39c6f3;--line:#d6e1ec;--dark:#075798}
.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:64px;height:64px;object-fit:contain;border-radius:12px}.brand .brand-name{font-weight:700;letter-spacing:-.8px;font-size:22px}
.button:hover{background:#0874bd}.eyebrow{color:#2475a5}.number{color:#1978ad}.tag{background:#e7f3fd}.reveal{color:#17618e}input:focus,textarea:focus,select:focus{outline-color:#1686ba}.notice{background:#e5f3fc}
.brand-page{background:#03162f url('/static/images/susannetwork-network.png') center top/cover fixed no-repeat;color:#edf6ff}.brand-page header{background:#04182fea;border-color:#ffffff26}.brand-page main{background:linear-gradient(100deg,#03162ff5,#03162fe3);}.brand-page footer{background:#04182ff5;border-color:#ffffff26;color:#b6c9df}.brand-page .eyebrow{color:#61d7ff}.brand-page .lead,.brand-page .muted,.brand-page .section-title p,.brand-page .contact p{color:#bdcfe3}.brand-page section+section{border-color:#ffffff26}.brand-page article{background:#092747eb;border-color:#294b6d;color:#eef7ff}.brand-page article p{color:#bed1e5}.brand-page .tag{background:#133f64;color:#87ddff}.brand-page .number{color:#64d6ff}.brand-page .button{background:#0879bf}.brand-page .button:hover{background:#0b91dc}.brand-art{max-width:370px;width:100%;justify-self:center;border:1px solid #3da7e655;border-radius:20px;overflow:hidden;box-shadow:0 20px 75px #0099ff18}.brand-art img{display:block;width:100%;height:auto}.hero{gap:48px}.login-card{color:var(--ink);background:#f8fbff}.login-card .eyebrow{color:#2475a5}.login-card .muted{color:#566e85}.brand-page .quiet{color:#edf6ff}
@media(max-width:850px){.brand-logo{width:48px;height:48px}.brand .brand-name{font-size:18px}.brand{gap:8px}header{padding:14px 16px}nav{gap:8px}.button.small{padding:11px 12px;font-size:12px}.brand-art{max-width:340px}.brand-page{background-attachment:scroll}.hero{gap:25px}.login-layout{min-height:0}.brand-page main{padding-top:32px}}
@media(max-width:370px){header .brand-name{display:none}}
/* Fondale ancorato allo schermo, anche sui browser mobili. */
.brand-page{background:#03162f;isolation:isolate}
.brand-page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#03162f40,#03162f66),url('/static/images/susannetwork-network.png') center center/cover no-repeat}
.brand-page main{background:transparent}
.brand-page header,.brand-page footer{background:#04182fc7}
.brand-page .hero>div:first-child,.brand-page .section-title,.brand-page .login-layout>div:first-child,.brand-page .contact>div{background:#03162fbf;padding:24px;border-radius:16px}
.brand-page article{background:#092747c9;border-color:#70b9ea66}
.brand-page section>h2,.brand-page section>.eyebrow{width:fit-content;background:#03162fc9;padding:8px 14px;border-radius:8px}
@media(max-width:850px){.brand-page .hero>div:first-child,.brand-page .login-layout>div:first-child{padding:20px}.brand-page::before{background-position:center center}}