*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #003366;--color-primary-light: #1a4d80;--color-primary-dark: #002244;--color-primary-rgb: 0, 51, 102;--color-background: #f5f7fa;--color-surface: #ffffff;--color-surface-alt: #edf2f7;--color-border: #d2d6dc;--color-border-light: #e8ecf1;--color-text-primary: #1a1a2e;--color-text-secondary: #4a5568;--color-text-muted: #718096;--color-text-inverse: #ffffff;--color-fascia-avanzato: #008000;--color-fascia-adeguato: #00A050;--color-fascia-discreto: #64A000;--color-fascia-parziale: #C89600;--color-fascia-carente: #DC7800;--color-fascia-critico: #C80000;--color-success: #006633;--color-warning: #cc7700;--color-danger: #cc0000;--color-info: #0066cc;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--max-width: 1200px;--header-height: 72px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-xl: 0 10px 25px rgba(0, 0, 0, .08), 0 4px 10px rgba(0, 0, 0, .05);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);color:var(--color-text-primary);background:var(--color-background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-light)}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--color-text-primary)}h1{font-size:2.5rem;letter-spacing:-.025em}h2{font-size:2rem;letter-spacing:-.02em}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1rem;color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted);font-size:.875rem}.text-mono{font-family:var(--font-mono)}.site-header{background:var(--color-primary-dark);border-bottom:3px solid var(--color-primary-light);position:sticky;top:0;z-index:100;height:var(--header-height)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl);display:flex;align-items:center;justify-content:space-between;height:100%}.header-logo{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-inverse);font-weight:700;font-size:1.4rem;letter-spacing:-.01em}.header-logo .logo-icon{width:46px;height:46px;background:#ffffff26;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;border:1px solid rgba(255,255,255,.2)}.header-logo .logo-text-sub{font-size:.75rem;font-weight:400;opacity:.75;display:block;letter-spacing:.05em;text-transform:uppercase}.header-nav{display:flex;align-items:center;gap:var(--space-xs)}.header-nav a{color:#fffc;padding:var(--space-sm) var(--space-md);font-size:.9rem;font-weight:500;border-radius:var(--radius-sm);transition:all .2s}.header-nav a:hover,.header-nav a.active{color:#fff;background:#ffffff1a}.header-nav a.nav-cta{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;margin-left:var(--space-sm)}.header-nav a.nav-cta:hover{background:#ffffff40}.top-bar{background:var(--color-primary);padding:var(--space-xs) 0;font-size:.75rem;color:#ffffffb3}.top-bar-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl);display:flex;justify-content:space-between;align-items:center}.site-footer{background:var(--color-primary-dark);color:#ffffffb3;margin-top:var(--space-3xl)}.footer-main{max-width:var(--max-width);margin:0 auto;padding:var(--space-3xl) var(--space-xl) var(--space-xl);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-2xl)}.footer-brand h3{color:#fff;font-size:1.15rem;margin-bottom:var(--space-sm)}.footer-brand p{color:#fff9;font-size:.875rem;line-height:1.6}.footer-col h4{color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md)}.footer-col ul{list-style:none}.footer-col li{margin-bottom:var(--space-sm)}.footer-col a{color:#fff9;font-size:.875rem;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);max-width:var(--max-width);margin:0 auto;padding:var(--space-lg) var(--space-xl);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#fff6}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--space-3xl) 0}.section-alt{background:var(--color-surface)}.section-header{margin-bottom:var(--space-2xl)}.section-header h2{margin-bottom:var(--space-sm)}.section-header p{font-size:1.05rem;max-width:600px}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);overflow:hidden;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card-body{padding:var(--space-lg)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.65rem 1.5rem;font-family:var(--font-primary);font-size:.9rem;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;text-decoration:none;line-height:1.4}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light);color:#fff}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:#fff}.btn-white{background:#fff;color:var(--color-primary)}.btn-white:hover{background:var(--color-surface-alt);color:var(--color-primary)}.btn-outline-white{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4)}.btn-outline-white:hover{background:#ffffff1a;border-color:#ffffffb3;color:#fff}.btn-sm{padding:.4rem 1rem;font-size:.8rem}.btn-lg{padding:.85rem 2rem;font-size:1rem}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;line-height:1.4}.badge-avanzato{background:#e6f4e6;color:var(--color-fascia-avanzato)}.badge-adeguato{background:#e6f9ed;color:var(--color-fascia-adeguato)}.badge-discreto{background:#f0f5e0;color:var(--color-fascia-discreto)}.badge-parziale{background:#fdf3e0;color:var(--color-fascia-parziale)}.badge-carente{background:#fde8d0;color:var(--color-fascia-carente)}.badge-critico{background:#fde0e0;color:var(--color-fascia-critico)}.badge-status{font-size:.7rem;padding:.15rem .5rem}.badge-status-valutata{background:#e6f4e6;color:#063}.badge-status-invalutazione{background:#e6f0ff;color:#06c}.badge-status-prevalutata{background:#fdf3e0;color:#c70}.badge-status-davalutare{background:#f0f0f0;color:#666}.badge-fonte{font-size:.7rem;padding:.15rem .5rem;background:var(--color-surface-alt);color:var(--color-text-muted)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.progress-bar{height:8px;background:var(--color-surface-alt);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .6s ease}.breadcrumb{display:flex;align-items:center;gap:var(--space-sm);font-size:.85rem;color:var(--color-text-muted);padding:var(--space-lg) 0}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb .sep{color:var(--color-border)}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}thead th{background:var(--color-surface-alt);padding:var(--space-sm) var(--space-md);text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}tbody td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);vertical-align:middle}tbody tr:hover{background:#00336605}.score-cell{font-family:var(--font-mono);font-weight:600;font-size:.85rem;text-align:center;width:60px}.score-0,.score-1{color:var(--color-fascia-critico)}.score-2{color:var(--color-fascia-parziale)}.score-3{color:var(--color-fascia-adeguato)}.score-4{color:var(--color-fascia-avanzato)}.family-row td{background:var(--color-surface-alt);font-weight:600;font-size:.85rem;color:var(--color-primary);border-bottom:2px solid var(--color-border)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.form-group .form-hint{font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.form-control{width:100%;padding:.6rem .85rem;font-family:var(--font-primary);font-size:.9rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}textarea.form-control{min-height:100px;resize:vertical}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23718096' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border-left:4px solid;font-size:.9rem;margin-bottom:var(--space-lg)}.alert-info{background:#e8f4fd;border-color:var(--color-info);color:#0c5494}.alert-warning{background:#fdf3e0;border-color:var(--color-warning);color:#7a4c00}.alert-danger{background:#fde0e0;border-color:var(--color-danger);color:#8c0000}.content-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--space-2xl);align-items:start}.sidebar-nav{position:sticky;top:calc(var(--header-height) + var(--space-xl));background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light);padding:var(--space-md)}.sidebar-nav h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs)}.sidebar-nav a{display:block;padding:var(--space-sm) var(--space-md);font-size:.875rem;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all .15s;border-left:3px solid transparent}.sidebar-nav a:hover{background:var(--color-surface-alt);color:var(--color-primary)}.sidebar-nav a.active{background:rgba(var(--color-primary-rgb),.06);color:var(--color-primary);font-weight:600;border-left-color:var(--color-primary)}.content-body h2{font-size:1.6rem;margin-top:var(--space-2xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-surface-alt)}.content-body h2:first-child{margin-top:0}.content-body h3{font-size:1.2rem;margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.content-body blockquote{background:var(--color-surface-alt);border-left:4px solid var(--color-primary);padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0;font-style:italic;color:var(--color-text-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.content-body ul,.content-body ol{padding-left:var(--space-xl);margin-bottom:var(--space-md);color:var(--color-text-secondary)}.content-body li{margin-bottom:var(--space-sm)}@media(max-width:1024px){.grid-4,.footer-main{grid-template-columns:repeat(2,1fr)}.content-layout{grid-template-columns:1fr}.sidebar-nav{position:static}}@media(max-width:768px){h1{font-size:1.8rem}h2{font-size:1.5rem}.grid-2,.grid-3,.grid-4,.footer-main{grid-template-columns:1fr}.header-nav{display:none}.container{padding:0 var(--space-md)}}