:root{--primary: #00468b; --primary-dark: #003366; --primary-light: #005ea0; --accent: #ffc107; --bg: #f4f6f9; --card: #fff; --border: #e2e8f0; --text: #1e293b; --muted: #64748b; --success: #22c55e; --danger: #ef4444; --warning: #f59e0b; --radius: 8px; --shadow: 0 1px 3px rgba(0,0,0,0.08); --font-main: 'Segoe UI',Roboto,-apple-system,sans-serif}*{box-sizing: border-box; margin: 0; padding: 0}body{font-family: var(--font-main); background: var(--bg); color: var(--text); line-height: 1.6}.container{max-width: 1000px; margin: 0 auto; padding: 24px}nav{background: var(--primary); padding: 0; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 8px rgba(0,0,0,0.15)}.nav-bar{display: none}.main-menu{display: flex; flex-wrap: nowrap; justify-content: center; list-style: none; margin: 0; padding: 0; max-width: 1100px; margin: 0 auto}.main-menu > li{position: relative}.main-menu > li > a{display: block; color: #fff; text-decoration: none; padding: 14px 14px; font-size: 0.88rem; font-weight: 500; transition: background 0.2s; letter-spacing: 0.2px; white-space: nowrap}.main-menu > li > a:hover,.main-menu > li:hover > a{background: var(--primary-dark)}.has-dropdown > a::after{content: ' \25BE'; font-size: 0.75em; opacity: 0.7}.dropdown{display: none; position: absolute; top: 100%; left: 0; min-width: 220px; background: var(--primary-light); list-style: none; margin: 0; padding: 0; z-index: 1000; border-radius: 0 0 var(--radius) var(--radius); box-shadow: 0 4px 12px rgba(0,0,0,0.2); flex-direction: column}.has-dropdown:hover > .dropdown{display: flex}.dropdown li{border-bottom: 1px solid rgba(255,255,255,0.1); width: 100%}.dropdown li:last-child{border-bottom: none}.dropdown li a{display: block; color: #fff; text-decoration: none; padding: 10px 18px; font-size: 0.9rem; transition: background 0.2s; white-space: nowrap}.dropdown li a:hover{background: var(--primary-dark)}.hamburger{display: none; background: none; border: none; cursor: pointer; padding: 8px; flex-direction: column; gap: 5px}.hamburger span{display: block; width: 26px; height: 3px; background: #fff; border-radius: 3px; transition: transform 0.3s,opacity 0.3s}.hamburger.active span:nth-child(1){transform: translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity: 0}.hamburger.active span:nth-child(3){transform: translateY(-8px) rotate(-45deg)}.nav-brand{color: #fff; text-decoration: none; font-weight: 600; font-size: 1.05rem; letter-spacing: 0.3px}.dropdown-toggle{display: none; background: none; border: none; color: #fff; font-size: 1rem; cursor: pointer; padding: 10px 16px; opacity: 0.7; transition: opacity 0.2s,transform 0.2s}.dropdown-toggle:hover{opacity: 1}.mob-open > .dropdown-toggle{transform: rotate(180deg)}.mob-open > .sub-toggle{transform: rotate(90deg)}.has-dropdown{display: flex; align-items: center}.has-subdropdown{position: relative; display: flex; align-items: center; flex-wrap: wrap}h1,h2,h3{color: var(--primary)}h1{font-size: 1.6rem; margin-bottom: 16px}h2{font-size: 1.25rem; margin: 20px 0 12px}h3{font-size: 1.05rem; margin: 16px 0 10px}.card{background: var(--card); border-radius: var(--radius); padding: 24px; border: 1px solid var(--border); box-shadow: var(--shadow); margin-bottom: 20px}.card h2{font-size: 1.1rem; font-weight: 600; color: var(--primary); margin: 0 0 16px; padding-bottom: 10px; border-bottom: 2px solid var(--border)}.stats-grid{display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 16px; margin-bottom: 24px}.stat-card{background: var(--card); border-radius: var(--radius); padding: 20px; border: 1px solid var(--border); box-shadow: var(--shadow); text-align: center}.stat-card .number{font-size: 2rem; font-weight: 700; color: var(--primary)}.stat-card .label{font-size: 0.85rem; color: var(--muted); margin-top: 4px}article{background: var(--card); padding: 20px 24px; margin-bottom: 16px; border-radius: var(--radius); border: 1px solid var(--border); box-shadow: var(--shadow)}article h2,article h3{margin-top: 0}footer{text-align: center; font-size: 0.88rem; color: var(--muted); margin-top: 40px; padding: 24px; border-top: 1px solid var(--border); background: var(--card)}footer a{color: var(--primary); text-decoration: none}footer a:hover{text-decoration: underline}.footer-social{margin-top: 10px; font-size: 0.92rem}.footer-social a{font-weight: 500}.footer-tech{margin-top: 8px; font-size: 0.78rem; color: var(--muted); opacity: 0.75}form{margin-bottom: 20px}label{display: block; font-size: 0.9rem; font-weight: 600; color: var(--text); margin-bottom: 6px}form input[type="text"],form input[type="email"],form input[type="password"],form input[type="url"],form input[type="number"],form input[type="date"],form input[type="file"],form textarea,form select{width: 100%; padding: 10px 12px; font-size: 0.95rem; border: 1px solid var(--border); border-radius: 6px; background: #fff; color: var(--text); margin-bottom: 14px; transition: border-color 0.2s; font-family: inherit}form input:focus,form textarea:focus,form select:focus{outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(0,70,139,0.1)}form textarea{min-height: 120px; resize: vertical}form button{display: inline-block; padding: 10px 20px; font-size: 0.95rem; font-weight: 600; border: none; border-radius: 6px; background: var(--primary); color: #fff; cursor: pointer; transition: background 0.2s; font-family: inherit}form button:hover{background: var(--primary-dark)}.search-form{display: flex; gap: 8px; align-items: center}.search-form input[type="text"]{flex: 1; display: inline-block; width: auto; margin: 0}.search-form button{display: inline-block; width: auto; margin: 0; padding: 10px 20px; white-space: nowrap}.badge{display: inline-block; padding: 2px 10px; border-radius: 12px; font-size: 0.75rem; font-weight: 600; background: #e0f2fe; color: #0369a1}.msg-success{padding: 12px 16px; background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; border-radius: 6px; margin-bottom: 16px; font-weight: 500}.msg-error{padding: 12px 16px; background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; border-radius: 6px; margin-bottom: 16px; font-weight: 500}img{max-width: 100%; height: auto; border-radius: var(--radius)}table{width: 100%; border-collapse: collapse; background: var(--card); border-radius: var(--radius); overflow: hidden; margin-bottom: 16px}th,td{padding: 10px 14px; text-align: left; border-bottom: 1px solid var(--border)}th{background: #f8fafc; color: var(--muted); font-weight: 600; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.3px}tr:hover td{background: #fafbfe}a{color: var(--primary); text-decoration: none}a:hover{color: var(--primary-dark); text-decoration: underline}.btn{display: inline-block; padding: 10px 20px; font-size: 0.95rem; font-weight: 600; border: none; border-radius: 6px; cursor: pointer; transition: background 0.2s; text-decoration: none; font-family: inherit; color: #fff}.btn-primary{background: var(--primary)}.btn-primary:hover{background: var(--primary-dark); color: #fff; text-decoration: none}.btn-danger{background: var(--danger)}.btn-danger:hover{background: #dc2626; color: #fff; text-decoration: none}.btn-row{display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap}ul{list-style: none; padding: 0}.content-list li{padding: 8px 0; border-bottom: 1px solid var(--border)}.content-list li:last-child{border-bottom: none}.news-article{background: var(--card); border-radius: var(--radius); padding: 18px 22px; margin-bottom: 16px; box-shadow: var(--shadow); border: 1px solid var(--border)}.news-title{color: var(--primary); font-size: 0.92rem; font-weight: 700; margin: 0 0 6px; line-height: 1.35}.news-meta{display: flex; gap: 12px; align-items: center; margin: 0 0 8px; font-size: 0.78rem; color: var(--muted)}.news-date{font-weight: 600; color: var(--text)}.news-fonte{background: var(--bg); padding: 1px 8px; border-radius: 10px; font-size: 0.72rem}.news-links{margin: 0; display: flex; gap: 14px; font-size: 0.8rem}.news-links a{color: var(--primary); text-decoration: none; font-weight: 500}.news-links a:hover{text-decoration: underline}.pagination{display: flex; justify-content: center; gap: 4px; margin: 20px 0; flex-wrap: wrap}.pagination a,.pagination strong{padding: 6px 12px; border-radius: 4px; font-size: 0.9rem; text-decoration: none}.pagination a{border: 1px solid var(--border); color: var(--text)}.pagination a:hover{background: var(--primary); color: #fff; border-color: var(--primary); text-decoration: none}.pagination strong{background: var(--primary); color: #fff}@media (max-width: 1024px){.container{padding: 12px}.nav-bar{display: flex; align-items: center; justify-content: space-between; padding: 10px 16px}.hamburger{display: flex}.dropdown-toggle{display: block; position: absolute; right: 0; top: 0; height: 100%; padding: 0 16px; border-left: 1px solid rgba(255,255,255,0.1)}.has-dropdown,.has-subdropdown{position: relative; flex-wrap: wrap}.main-menu{display: none; flex-direction: column; align-items: stretch; background: var(--primary); max-height: 60vh; overflow-y: auto; -webkit-overflow-scrolling: touch; border-top: 1px solid rgba(255,255,255,0.15)}.main-menu.open{display: flex}.main-menu > li > a{text-align: left; padding: 11px 20px; padding-right: 50px; border-bottom: 1px solid rgba(255,255,255,0.08); font-size: 0.93rem; white-space: normal}.has-subdropdown > a{padding-right: 50px !important}.sub-toggle{position: absolute; right: 0; top: 0; height: 100%; padding: 0 14px; border-left: 1px solid rgba(255,255,255,0.08)}.has-dropdown > a::after{display: none}.has-dropdown:hover > .dropdown{display: none}.has-dropdown.mob-open > .dropdown{display: flex}.dropdown{position: static; box-shadow: none; border-radius: 0; min-width: 0}.dropdown li a{padding: 9px 20px 9px 36px; background: rgba(0,0,0,0.1); font-size: 0.88rem}.has-subdropdown:hover > .subdropdown{display: none}.has-subdropdown.mob-open > .subdropdown{display: flex}.subdropdown{position: static; box-shadow: none; border-radius: 0}.subdropdown li a{padding-left: 52px; background: rgba(0,0,0,0.18)}.stats-grid{grid-template-columns: repeat(2,1fr)}.card{padding: 16px}table{font-size: 0.85rem}th,td{padding: 8px}} @media (max-width: 480px){.stats-grid{grid-template-columns: 1fr}} .album-grid{display: grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: 20px; margin-bottom: 2rem}.album-card{border-radius: 14px; overflow: hidden; background: var(--card); border: 1px solid var(--border); box-shadow: 0 4px 12px rgba(0,0,0,0.08); cursor: pointer; transition: transform 0.15s ease,box-shadow 0.15s ease}.album-card:hover{transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.15)}.album-cover{position: relative; height: 180px; overflow: hidden}.album-cover img{width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease}.album-card:hover .album-cover img{transform: scale(1.05)}.album-overlay{position: absolute; inset: 0; background: linear-gradient(to bottom,transparent 50%,rgba(0,0,0,0.4)); display: flex; align-items: flex-end; justify-content: flex-end; padding: 10px}.album-icon{font-size: 1.5rem; opacity: 0.8}.album-body{padding: 12px 14px}.album-body h3{margin: 0 0 8px 0; font-size: 1rem; color: var(--text)}.album-badges{display: flex; gap: 8px; flex-wrap: wrap}.album-expanded{margin: 1rem 0 2rem; padding: 20px; background: var(--card); border-radius: 12px; border: 1px solid var(--border)}.album-expanded-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px}.album-expanded-header h2{margin: 0; font-size: 1.2rem}.btn-close{background: var(--border); border: none; border-radius: 6px; padding: 6px 14px; cursor: pointer; font-size: 0.85rem; color: var(--text)}.btn-close:hover{background: var(--danger); color: #fff}.photo-grid{display: grid; grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); gap: 14px}.photo-item{position: relative; overflow: hidden; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); cursor: pointer; transition: transform 0.2s,box-shadow 0.2s; background: #fff}.photo-item:hover{transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,0.16)}.photo-item img{width: 100%; height: 180px; object-fit: cover; display: block}.photo-caption{padding: 8px 10px; font-size: 0.8rem; color: var(--muted); text-align: center}.lightbox-overlay{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.92); z-index: 10000; justify-content: center; align-items: center; cursor: pointer}.lightbox-overlay.active{display: flex}.lightbox-overlay img{max-width: 90vw; max-height: 90vh; object-fit: contain; border-radius: 8px; box-shadow: 0 0 40px rgba(0,0,0,0.5)}.lightbox-close{position: fixed; top: 20px; right: 30px; color: #fff; font-size: 40px; cursor: pointer; z-index: 10001; line-height: 1}.lightbox-caption{position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 15px; text-align: center; z-index: 10001; background: rgba(0,0,0,0.6); padding: 8px 24px; border-radius: 20px}.passioni-grid{display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap: 20px; margin: 1.5rem 0}.passione-card{display: block; text-decoration: none; color: inherit; background: var(--card); border: 1px solid var(--border); border-radius: 14px; padding: 24px 20px; text-align: center; transition: transform 0.15s ease,box-shadow 0.15s ease,border-color 0.15s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.06)}.passione-card:hover{transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); border-color: var(--primary)}.passione-icon{font-size: 3rem; line-height: 1.2; margin-bottom: 10px}.passione-card h3{margin: 0 0 6px 0; font-size: 1.1rem; color: var(--primary)}.passione-card p{margin: 0 0 10px 0; font-size: 0.85rem; color: var(--muted); line-height: 1.4}.passione-card .badge{font-size: 0.75rem}.article-content pre{background: #1e293b; color: #e2e8f0; padding: 14px 18px; border-radius: 8px; overflow-x: auto; font-size: 0.85rem; line-height: 1.6; margin: 12px 0}.article-content code{background: #f1f5f9; padding: 2px 6px; border-radius: 4px; font-size: 0.85em; color: #0f172a}.article-content pre code{background: none; padding: 0; color: inherit}.article-content h3{color: var(--primary); margin: 1.2rem 0 0.5rem; font-size: 1.05rem}.article-content ul,.article-content ol{padding-left: 1.5rem; margin: 8px 0}.article-content li{margin-bottom: 4px}@media (max-width: 600px){.album-grid{grid-template-columns: 1fr}.passioni-grid{grid-template-columns: repeat(2,1fr)}.passione-card{padding: 16px 12px}.passione-icon{font-size: 2.2rem}.photo-grid{grid-template-columns: repeat(2,1fr)}} .lightbox-nav{position: fixed; top: 50%; transform: translateY(-50%); color: #fff; font-size: 48px; cursor: pointer; z-index: 10001; padding: 20px 16px; user-select: none; opacity: 0.7; transition: opacity 0.2s}.lightbox-nav:hover{opacity: 1}.lightbox-prev{left: 10px}.lightbox-next{right: 10px}.lightbox-counter{position: fixed; top: 20px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 14px; z-index: 10001; background: rgba(0,0,0,0.5); padding: 4px 14px; border-radius: 12px}@media (max-width: 600px){.lightbox-nav{font-size: 32px; padding: 14px 10px}.lightbox-prev{left: 4px}.lightbox-next{right: 4px}} .social-profile-card{border-radius: 14px; overflow: hidden; background: var(--card); border: 1px solid var(--border); box-shadow: 0 4px 16px rgba(0,0,0,0.08)}.social-profile-header{padding: 32px 24px; text-align: center; color: #fff}.social-profile-icon{font-family: FontAwesome,sans-serif; font-size: 3rem; margin-bottom: 10px; opacity: 0.9}.social-profile-header h2{margin: 0; font-size: 1.4rem; color: #fff}.social-profile-header p{margin: 4px 0 0; opacity: 0.85; font-size: 0.9rem}.social-profile-body{padding: 20px 24px; text-align: center}.social-profile-body p{color: var(--muted); font-size: 0.9rem; line-height: 1.5; margin: 0 0 16px}.social-btn{display: inline-block; padding: 12px 28px; color: #fff; text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 0.95rem; transition: opacity 0.2s,transform 0.2s}.social-btn:hover{opacity: 0.9; transform: translateY(-1px)}.social-links-grid{display: grid; grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); gap: 16px}.social-link-card{display: block; text-decoration: none; color: inherit; background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 20px 16px; text-align: center; transition: transform 0.15s ease,box-shadow 0.15s ease,border-color 0.15s ease}.social-link-card:hover{transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.1); border-color: var(--primary)}.social-link-icon{font-size: 2rem; margin-bottom: 8px; line-height: 1.2}.social-link-card h3{margin: 0 0 4px; font-size: 1rem; color: var(--text)}.social-link-card p{margin: 0; font-size: 0.8rem; color: var(--muted); line-height: 1.3}.has-subdropdown{position: relative}.subdropdown{display: none; position: absolute; left: 100%; top: 0; min-width: 180px; background: var(--primary-light); list-style: none; margin: 0; padding: 0; z-index: 1001; border-radius: 0 var(--radius) var(--radius) 0; box-shadow: 4px 4px 12px rgba(0,0,0,0.2); flex-direction: column}.has-subdropdown:hover > .subdropdown{display: flex}.subdropdown li{border-bottom: 1px solid rgba(255,255,255,0.1)}.subdropdown li:last-child{border-bottom: none}.subdropdown li a{display: block; color: #fff; text-decoration: none; padding: 10px 18px; font-size: 0.85rem; transition: background 0.2s; white-space: nowrap}.subdropdown li a:hover{background: var(--primary-dark)}.app-subtitle{font-size: 1.1rem; color: var(--muted); margin-bottom: 20px}.app-intro{padding: 24px; margin-bottom: 28px; line-height: 1.7}.app-intro p{margin: 0 0 8px}.app-grid{display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; margin-bottom: 28px}.app-card{background: var(--card); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; transition: transform 0.2s,box-shadow 0.2s}.app-card:hover{transform: translateY(-4px); box-shadow: 0 10px 30px rgba(0,0,0,0.12)}.app-card-full{grid-column: 1 / -1; max-width: 480px; justify-self: center; width: 100%}.app-card-header{padding: 20px 22px; color: #fff; position: relative}.app-card-emoji{font-size: 2rem; display: block; margin-bottom: 6px}.app-card-header h2{margin: 0; font-size: 1.2rem; color: #fff}.app-card-tagline{margin: 4px 0 0; font-size: 0.82rem; opacity: 0.9; font-style: italic}.app-card-body{padding: 18px 22px 22px}.app-card-body ul{margin: 0 0 12px 18px; padding: 0; font-size: 0.88rem; color: var(--text); line-height: 1.7}.app-card-body > p{font-size: 0.88rem; color: var(--muted); margin: 0 0 16px; line-height: 1.5}.app-card-btn{display: inline-block; padding: 8px 18px; background: var(--primary); color: #fff; text-decoration: none; border-radius: 6px; font-size: 0.82rem; font-weight: 500; transition: background 0.2s,transform 0.15s}.app-card-btn:hover{background: var(--primary-dark); transform: translateY(-1px)}.app-vision{padding: 28px; text-align: center; border-left: 4px solid var(--accent)}.app-vision h2{margin: 0 0 12px; font-size: 1.2rem}.app-vision p{margin: 0 0 8px; font-size: 0.95rem; line-height: 1.6; color: var(--text)}@media (max-width: 650px){.app-grid{grid-template-columns: 1fr}.app-card-full{max-width: none}} .home-feature-grid{display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; margin-top: 24px}.home-feature-card{display: block; text-decoration: none; color: inherit; background: var(--card); border: 1px solid var(--border); border-radius: 14px; padding: 28px 24px; text-align: center; transition: transform 0.2s,box-shadow 0.2s}.home-feature-card:hover{transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.1)}.home-feature-emoji{font-size: 3rem; display: block; margin-bottom: 10px}.home-feature-card h2{margin: 0 0 8px; font-size: 1.2rem}.home-feature-status{font-size: 0.9rem; color: var(--muted); margin: 0 0 16px}.home-feature-btn{display: inline-block; padding: 8px 20px; background: var(--primary); color: #fff; border-radius: 6px; font-size: 0.85rem; font-weight: 500}@media (max-width: 600px){.home-feature-grid{grid-template-columns: 1fr}} .sec-grid{display: grid; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); gap: 16px}.sec-card{background: var(--card); border: 1px solid var(--border); border-radius: 10px; border-left: 4px solid var(--primary); overflow: hidden; transition: transform 0.15s,box-shadow 0.15s}.sec-card:hover{transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08)}.sec-card-header{padding: 14px 16px 8px; display: flex; align-items: flex-start; gap: 12px}.sec-icon{font-size: 1.6rem; line-height: 1; flex-shrink: 0}.sec-card-header strong{display: block; font-size: 0.92rem; color: var(--text); margin-bottom: 2px}.sec-card-header small{font-size: 0.78rem; color: var(--muted)}.sec-card-body{padding: 8px 16px 14px; display: flex; gap: 8px; align-items: center}.sec-input{flex: 1; padding: 8px 12px; font-size: 0.88rem; border: 1px solid var(--border); border-radius: 6px; background: #fff; color: var(--text); font-family: inherit; transition: border-color 0.2s}.sec-input:focus{outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(0,70,139,0.1)}.sec-btn{padding: 8px 18px; font-size: 0.85rem; font-weight: 600; border: none; border-radius: 6px; background: var(--primary); color: #fff; cursor: pointer; transition: background 0.2s,opacity 0.2s; font-family: inherit; white-space: nowrap}.sec-btn:hover{background: var(--primary-dark)}.sec-btn:disabled{opacity: 0.6; cursor: not-allowed}.sec-btn-wide{width: 100%}.sec-btn-loading{background: var(--muted) !important}.sec-output{border-top: 1px solid var(--border); background: #0d1117; max-height: 400px; overflow-y: auto}.sec-output-header{display: flex; justify-content: space-between; align-items: center; padding: 8px 14px; background: #161b22; font-size: 0.78rem; color: #8b949e; border-bottom: 1px solid #21262d}.sec-elapsed{background: #21262d; padding: 2px 8px; border-radius: 4px; font-family: monospace}.sec-pre{margin: 0; padding: 12px 14px; font-size: 0.8rem; font-family: 'Cascadia Code','Fira Code','Consolas',monospace; color: #c9d1d9; white-space: pre-wrap; word-break: break-all; line-height: 1.5}.sec-error{padding: 12px 14px; color: #f85149; font-size: 0.85rem; font-family: monospace}.sec-spinner{padding: 16px; color: #58a6ff; font-size: 0.85rem; text-align: center}.sec-spinner::before{content: ''; display: inline-block; width: 14px; height: 14px; border: 2px solid #58a6ff; border-top-color: transparent; border-radius: 50%; animation: hackspin 0.8s linear infinite; margin-right: 8px; vertical-align: middle}@keyframes hackspin{to{transform: rotate(360deg)}} @media (max-width: 600px){.sec-grid{grid-template-columns: 1fr}.sec-card-body{flex-direction: column}.sec-btn{width: 100%}} .sec-filter{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px}.sec-filter-btn{padding: 6px 16px; font-size: 0.82rem; font-weight: 500; border: 1px solid var(--border); border-radius: 20px; background: var(--card); color: var(--muted); cursor: pointer; transition: all 0.2s; font-family: inherit}.sec-filter-btn:hover{border-color: var(--primary); color: var(--primary)}.sec-filter-btn.active{background: var(--primary); color: #fff; border-color: var(--primary)}.sec-output-header{gap: 8px}.sec-copy-btn,.sec-close-btn{background: none; border: none; color: #8b949e; cursor: pointer; font-size: 0.9rem; padding: 2px 6px; border-radius: 4px; transition: background 0.2s,color 0.2s; line-height: 1}.sec-copy-btn:hover,.sec-close-btn:hover{background: #21262d; color: #c9d1d9}.sec-close-btn{font-size: 1.1rem; font-weight: bold}.app-subtitle{color: var(--muted); font-size: 0.9rem; margin-bottom: 20px}.sec-card-danger{border-left-color: var(--danger)}.sec-card-danger:hover{box-shadow: 0 4px 12px rgba(239,68,68,0.15)}.sec-btn-danger{background: var(--danger) !important}.sec-btn-danger:hover{background: #dc2626 !important}.sec-warning{background: #fef3c7; border: 1px solid #f59e0b; border-radius: var(--radius); padding: 14px 18px; margin-bottom: 20px; font-size: 0.88rem; color: #92400e}.sec-card.sec-expanded{grid-column: 1 / -1; z-index: 10}.sec-card.sec-expanded .sec-output{max-height: 70vh}.sec-card.sec-expanded .sec-pre{font-size: 0.85rem; line-height: 1.6}.sec-card-orange{border-left-color: var(--warning)}.sec-card-orange:hover{box-shadow: 0 4px 12px rgba(245,158,11,0.15)}.sec-btn-orange{background: var(--warning) !important; color: #1e293b !important}.sec-btn-orange:hover{background: #d97706 !important}.homelab-sections{display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: 16px; margin-bottom: 24px}.homelab-section-card{display: flex; align-items: flex-start; gap: 14px; background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 20px; text-decoration: none; color: var(--text); border-left: 4px solid var(--success); transition: transform 0.15s,box-shadow 0.15s}.homelab-section-card:hover{transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.1)}.homelab-section-blue{border-left-color: var(--primary)}.homelab-section-red{border-left-color: var(--danger)}.homelab-section-orange{border-left-color: var(--warning)}.homelab-section-purple{border-left-color: #8b5cf6}.homelab-section-green{border-left-color: #16a34a}.homelab-section-teal{border-left-color: #0891b2}.sec-card-green{border-left-color: #16a34a}.sec-card-green .sec-btn{background: #16a34a; color: #fff}.sec-card-green .sec-btn:hover{background: #15803d}.sec-btn-green{background: #16a34a !important; color: #fff !important}.sec-btn-green:hover{background: #15803d !important}.sec-card-teal{border-left-color: #0891b2}.sec-card-teal .sec-btn{background: #0891b2; color: #fff}.sec-card-teal .sec-btn:hover{background: #0e7490}.sec-btn-teal{background: #0891b2 !important; color: #fff !important}.sec-btn-teal:hover{background: #0e7490 !important}.homelab-section-violet{border-left-color: #7c3aed}.sec-card-visual{border-left-color: #7c3aed}.sec-card-visual .sec-btn,.sec-btn-visual{background: #7c3aed !important; color: #fff !important}.sec-card-visual .sec-btn:hover,.sec-btn-visual:hover{background: #6d28d9 !important}.homelab-section-icon{font-size: 2.2rem; line-height: 1; flex-shrink: 0}.homelab-section-card strong{display: block; font-size: 1rem; color: var(--primary); margin-bottom: 4px}.homelab-section-card p{font-size: 0.82rem; color: var(--muted); margin: 0 0 8px; line-height: 1.5}.homelab-section-stat{display: inline-block; font-size: 0.75rem; font-weight: 600; background: var(--bg); padding: 3px 10px; border-radius: 12px; color: var(--primary)}.homelab-arch{display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 16px}.homelab-arch-item{background: var(--bg); border: 1px solid var(--border); border-radius: 10px; padding: 14px 18px; text-align: center; min-width: 160px}.homelab-arch-item strong{display: block; font-size: 0.9rem; color: var(--primary)}.homelab-arch-item span{display: block; font-size: 0.82rem; font-family: monospace; color: var(--text); margin: 4px 0}.homelab-arch-item small{font-size: 0.75rem; color: var(--muted)}.homelab-arch-kali{border-color: var(--danger); background: #fef2f2}.homelab-arch-arrow{font-size: 1.4rem; color: var(--muted)}.homelab-tools-grid{display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 20px}.homelab-tool-section h3{font-size: 0.95rem; margin-bottom: 10px}.homelab-tool-list{list-style: none; padding: 0; margin: 0}.homelab-tool-list li{font-size: 0.82rem; padding: 5px 0; border-bottom: 1px solid rgba(0,0,0,0.04); color: var(--text)}.homelab-tool-list li strong{color: var(--primary)}@media (max-width: 600px){.homelab-sections{grid-template-columns: 1fr}.homelab-arch{flex-direction: column}.homelab-arch-arrow{transform: rotate(90deg)}} .homelab-stats{display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; padding: 16px 20px; background: var(--card-bg,#fff); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.04)}.hl-stat{display: flex; flex-direction: column; align-items: center; min-width: 70px; padding: 6px 16px}.hl-stat-num{font-size: 1.4rem; font-weight: 700; color: var(--text); line-height: 1.2}.hl-stat-label{font-size: 0.72rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.4px; margin-top: 2px}.hl-stat-online .hl-stat-num{color: var(--success,#16a34a)}.hl-stat-offline .hl-stat-num{color: var(--danger,#dc2626)}.vm-grid{display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: 16px}.vm-card{background: var(--card-bg,#fff); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; transition: transform 0.2s,box-shadow 0.2s; box-shadow: 0 2px 8px rgba(0,0,0,0.04)}.vm-card:hover{transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.08)}.vm-card.running{border-left: 4px solid var(--success,#16a34a)}.vm-card.stopped{border-left: 4px solid var(--danger,#dc2626); opacity: 0.7}.vm-card-header{display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--border); background: rgba(0,0,0,0.015)}.vm-status-dot{width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0}.dot-green{background: var(--success,#16a34a); box-shadow: 0 0 6px rgba(22,163,74,0.4)}.dot-red{background: var(--danger,#dc2626); box-shadow: 0 0 6px rgba(220,38,38,0.3)}.vm-name{flex: 1; font-size: 0.95rem; font-weight: 700; color: var(--text)}.vm-id{font-size: 0.72rem; font-weight: 600; color: var(--muted); background: var(--bg,#f3f4f6); padding: 2px 8px; border-radius: 4px}.vm-card-body{padding: 12px 16px}.vm-info-row{display: flex; justify-content: space-between; align-items: center; padding: 5px 0; font-size: 0.82rem; border-bottom: 1px solid rgba(0,0,0,0.04)}.vm-info-row:last-child{border-bottom: none}.vm-info-row > span:first-child{font-weight: 600; color: var(--muted); text-transform: uppercase; font-size: 0.7rem; letter-spacing: 0.3px}.vm-info-row > span:last-child{color: var(--text); font-weight: 500}.sec-info{border: 1px solid var(--success,#16a34a); background: #f0fdf4; color: #166534; padding: 14px 18px; border-radius: 8px; margin-bottom: 20px; font-size: 0.88rem; line-height: 1.5}@media (max-width: 600px){.homelab-stats{gap: 8px; padding: 12px}.hl-stat{min-width: 55px; padding: 4px 10px}.hl-stat-num{font-size: 1.1rem}.vm-grid{grid-template-columns: 1fr}} .sec-card-defense{border-left-color: #22c55e}.sec-card-defense:hover{box-shadow: 0 4px 12px rgba(34,197,94,0.15)}.sec-btn-defense{background: #059669 !important; color: #fff !important}.sec-btn-defense:hover{background: #047857 !important}.defense-info{background: rgba(34,197,94,0.06); border: 1px solid rgba(34,197,94,0.25); border-left: 4px solid #22c55e; border-radius: 8px; padding: 14px 18px; margin-bottom: 20px; font-size: 0.88rem; color: #166534; line-height: 1.5}.homelab-section-steel{border-left-color: #22c55e}.home-feature-detail{font-size: 0.78rem; color: var(--muted); margin: 6px 0 0; line-height: 1.7}.home-feature-detail span{display: inline-block}.home-feature-grid-wide{grid-template-columns: 1fr !important}.home-feature-wide{display: flex !important; align-items: center; text-align: left; gap: 20px; padding: 22px 28px}.home-feature-wide .home-feature-emoji{margin-bottom: 0; flex-shrink: 0}.home-wide-body{flex: 1; min-width: 0}.home-feature-wide h2{margin: 0 0 4px}.home-feature-wide .home-feature-status{margin: 0 0 10px}.home-wide-tools{display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 0.78rem; color: var(--muted)}.home-wide-tools span{white-space: nowrap}.home-feature-wide .home-feature-btn{flex-shrink: 0; align-self: center}.home-feature-wide .home-feature-status:last-child{margin-bottom: 0}.home-pa-grid{grid-template-columns: 1fr 1fr !important; margin-top: 20px}.home-pa-card{text-align: left; padding: 0 !important; overflow: hidden; display: flex; flex-direction: column}.home-pa-header{display: flex; align-items: center; gap: 10px; padding: 16px 20px 12px; border-bottom: 1px solid var(--border); flex-shrink: 0}.home-pa-icon{font-size: 1.6rem; line-height: 1}.home-pa-header h2{margin: 0; font-size: 1rem; flex: 1}.home-pa-source{font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--muted); background: var(--bg); padding: 3px 10px; border-radius: 12px}.home-pa-scroll{max-height: 420px; overflow: hidden; flex: 1; position: relative; scroll-behavior: auto}.home-pa-scroll:hover{overflow-y: auto}.home-pa-scroll::-webkit-scrollbar{width: 4px}.home-pa-scroll::-webkit-scrollbar-track{background: transparent}.home-pa-scroll::-webkit-scrollbar-thumb{background: var(--border); border-radius: 3px}.home-pa-scroll::-webkit-scrollbar-thumb:hover{background: var(--muted)}.home-pa-list-clone{border-top: 1px solid var(--border)}.home-pa-list{list-style: none; margin: 0; padding: 0}.home-pa-list li{padding: 8px 20px; border-bottom: 1px solid rgba(0,0,0,0.04); font-size: 0.82rem; line-height: 1.45; color: var(--text); display: flex; align-items: baseline; gap: 8px}.home-pa-list li:last-child{border-bottom: none}.home-pa-date{display: inline-block; font-size: 0.68rem; font-weight: 700; color: var(--primary); background: rgba(0,70,139,0.08); padding: 2px 8px; border-radius: 4px; white-space: nowrap; flex-shrink: 0}.home-pa-empty{padding: 24px 20px; color: var(--muted); font-size: 0.88rem; text-align: center; margin: 0}.home-pa-scadenze li{flex-wrap: nowrap}.home-pa-label{flex: 1; min-width: 0}.home-pa-deadline{display: inline-block; font-size: 0.68rem; font-weight: 700; color: var(--success); background: rgba(22,163,74,0.08); padding: 2px 8px; border-radius: 4px; white-space: nowrap; flex-shrink: 0}.home-pa-urgent{color: var(--danger) !important; background: rgba(239,68,68,0.08) !important}.home-pa-soon{color: var(--warning) !important; background: rgba(245,158,11,0.08) !important}.home-pa-days{margin-left: auto; font-size: 0.68rem; font-weight: 700; color: var(--muted); white-space: nowrap; flex-shrink: 0}.home-contact-card{border-left: 4px solid var(--success)}.home-contact-card .home-wide-body{width: 100%}.home-contact-notice{border: 1px solid var(--success); background: #f0fdf4; color: #166534; padding: 10px 16px; border-radius: 8px; font-size: 0.84rem; margin-bottom: 14px; line-height: 1.5}.home-contact-form{display: flex; flex-direction: column; gap: 10px}.home-contact-input{width: 100%; padding: 10px 14px; font-size: 0.88rem; border: 1px solid var(--border); border-radius: 8px; background: #fff; color: var(--text); font-family: inherit; resize: vertical; min-height: 48px; transition: border-color 0.2s; box-sizing: border-box}.home-contact-input:focus{outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(0,70,139,0.1)}.home-contact-actions{display: flex; gap: 10px}.home-contact-btn{display: inline-flex; align-items: center; gap: 6px; padding: 10px 22px; font-size: 0.85rem; font-weight: 600; border: none; border-radius: 8px; cursor: pointer; font-family: inherit; text-decoration: none; transition: background 0.2s,transform 0.15s; white-space: nowrap}.home-contact-btn:hover{transform: translateY(-1px)}.home-contact-tg{background: #0088cc; color: #fff}.home-contact-tg:hover{background: #006da3}.home-contact-tg:disabled{opacity: 0.6; cursor: not-allowed; transform: none}.home-contact-wa{background: #25d366; color: #fff}.home-contact-wa:hover{background: #1fb855; color: #fff}.home-contact-result{font-size: 0.85rem; padding: 10px 16px; border-radius: 8px; margin-top: 2px}.home-contact-ok{background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0}.home-contact-err{background: #fef2f2; color: #991b1b; border: 1px solid #fecaca}@media (max-width: 600px){.home-feature-wide{flex-direction: column; text-align: center}.home-feature-wide .home-feature-btn{align-self: stretch; text-align: center}.home-wide-tools{justify-content: center}.home-pa-grid{grid-template-columns: 1fr !important}.home-contact-card{text-align: left}.home-contact-actions{flex-direction: column}.home-contact-btn{justify-content: center}} html.dark{--primary: #60a5fa; --primary-dark: #93c5fd; --primary-light: #3b82f6; --bg: #0f172a; --card: #1e293b; --border: #334155; --text: #e2e8f0; --muted: #94a3b8; --shadow: 0 1px 3px rgba(0,0,0,0.3)}html.dark body{background: var(--bg); color: var(--text)}html.dark nav{background: #1e293b; box-shadow: 0 2px 8px rgba(0,0,0,0.4)}html.dark .main-menu > li > a:hover,html.dark .main-menu > li:hover > a{background: #334155}html.dark .dropdown{background: #334155}html.dark .dropdown li a:hover{background: #475569}html.dark .subdropdown{background: #334155}html.dark .subdropdown li a:hover{background: #475569}html.dark footer{background: #1e293b; border-top-color: #334155}html.dark th{background: #1e293b}html.dark tr:hover td{background: #1e293b}html.dark img{opacity: 0.92}html.dark form input[type="text"],html.dark form input[type="email"],html.dark form input[type="password"],html.dark form input[type="url"],html.dark form input[type="number"],html.dark form input[type="date"],html.dark form input[type="file"],html.dark form textarea,html.dark form select{background: #0f172a; border-color: #475569; color: var(--text)}html.dark .sec-input{background: #0f172a; border-color: #475569; color: var(--text)}html.dark .badge{background: #1e3a5f; color: #93c5fd}html.dark .msg-success{background: #052e16; border-color: #166534; color: #86efac}html.dark .msg-error{background: #450a0a; border-color: #991b1b; color: #fca5a5}html.dark .home-pa-scroll::-webkit-scrollbar-thumb{background: #475569}html.dark .home-contact-input{background: #0f172a; border-color: #475569; color: var(--text)}html.dark .home-contact-notice{background: #052e16; border-color: #166534; color: #86efac}.dark-toggle{position: fixed; bottom: 20px; right: 20px; width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--border); background: var(--card); color: var(--text); cursor: pointer; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0,0,0,0.15); transition: background 0.2s,transform 0.2s; z-index: 999}.dark-toggle:hover{transform: scale(1.1); background: var(--primary); color: #fff; border-color: var(--primary)}.cookie-banner{position: fixed; bottom: 0; left: 0; right: 0; background: rgba(30,41,59,0.97); color: #e2e8f0; padding: 16px 20px; z-index: 10000; display: flex; justify-content: center; box-shadow: 0 -2px 12px rgba(0,0,0,0.2); backdrop-filter: blur(8px)}.cookie-inner{max-width: 900px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap}.cookie-inner p{margin: 0; font-size: 0.82rem; line-height: 1.5; flex: 1; min-width: 250px}.cookie-inner a{color: #93c5fd; text-decoration: underline}.cookie-actions{display: flex; gap: 8px; flex-shrink: 0}.cookie-btn{padding: 8px 18px; border: none; border-radius: 6px; font-size: 0.82rem; font-weight: 600; cursor: pointer; font-family: inherit; transition: background 0.2s}.cookie-accept{background: #22c55e; color: #fff}.cookie-accept:hover{background: #16a34a}.cookie-close{background: #475569; color: #e2e8f0}.cookie-close:hover{background: #64748b}@media (max-width: 600px){.cookie-inner{flex-direction: column; text-align: center}.cookie-actions{width: 100%; justify-content: center}} .error404-grid{display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; max-width: 500px; margin: 0 auto}.error404-link{display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 8px; background: var(--bg); border: 1px solid var(--border); border-radius: 10px; text-decoration: none; color: var(--text); font-size: 0.8rem; font-weight: 500; transition: transform 0.15s,box-shadow 0.15s,border-color 0.15s}.error404-link:hover{transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); border-color: var(--primary); color: var(--primary); text-decoration: none}.error404-icon{font-size: 1.5rem; line-height: 1}@media (max-width: 500px){.error404-grid{grid-template-columns: repeat(2,1fr)}} .contatti-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 16px}.contatti-info{display: flex; flex-direction: column; gap: 16px}.contatti-item{display: flex; align-items: flex-start; gap: 12px}.contatti-icon{font-size: 1.5rem; flex-shrink: 0; line-height: 1.3}.contatti-item strong{display: block; font-size: 0.88rem; margin-bottom: 2px}.contatti-item a{font-size: 0.88rem}.contatti-qr{margin-top: 8px; padding-top: 16px; border-top: 1px solid var(--border); text-align: center}.contatti-form-wrap h2{border-bottom: 2px solid var(--border); padding-bottom: 10px}.contatti-form{display: flex; flex-direction: column; gap: 0}.contatti-form label{font-size: 0.82rem; margin-bottom: 4px}@media (max-width: 700px){.contatti-grid{grid-template-columns: 1fr}.contatti-qr{text-align: center}} .segretari-stats{display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 16px}.seg-stat{display: flex; flex-direction: column; align-items: center; min-width: 80px; padding: 8px 18px; background: var(--bg); border-radius: 10px; border: 1px solid var(--border)}.seg-stat-num{font-size: 1.3rem; font-weight: 700; color: var(--primary); line-height: 1.2}.seg-stat-date{font-size: 0.82rem}.seg-stat-label{font-size: 0.7rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.4px; margin-top: 2px}.segretari-search{display: flex; gap: 8px}.seg-search-input{flex: 1; padding: 10px 14px; font-size: 0.9rem; border: 1px solid var(--border); border-radius: 8px; background: var(--card); color: var(--text); font-family: inherit}.seg-search-input:focus{outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(0,70,139,0.1)}.seg-search-btn{padding: 10px 20px; background: var(--primary); color: #fff; border: none; border-radius: 8px; font-size: 0.88rem; font-weight: 600; cursor: pointer; font-family: inherit; transition: background 0.2s}.seg-search-btn:hover{background: var(--primary-dark)}.segretari-container{display: grid; grid-template-columns: 1fr 380px; gap: 16px; margin-top: 16px; transition: grid-template-columns 0.3s ease}.segretari-container.province-active{grid-template-columns: 1fr 1fr}.segretari-map-wrap{background: var(--card); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; transition: all 0.3s ease}.segretari-map{height: 600px; width: 100%}.segretari-panel{background: var(--card); border: 1px solid var(--border); border-radius: 10px; max-height: 600px; overflow-y: auto; display: flex; flex-direction: column; transition: all 0.3s ease}.seg-back-btn{padding: 4px 12px; background: var(--bg); border: 1px solid var(--border); border-radius: 6px; font-size: 0.72rem; font-weight: 600; color: var(--primary); cursor: pointer; transition: all 0.2s; font-family: inherit; white-space: nowrap}.seg-back-btn:hover{background: var(--primary); color: #fff; border-color: var(--primary)}.seg-panel-placeholder{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 200px; color: var(--muted); text-align: center; padding: 24px; font-size: 0.88rem}.seg-panel-loading{padding: 24px; text-align: center; color: var(--muted); font-size: 0.88rem}.seg-panel-empty{padding: 24px; text-align: center; color: var(--muted)}.seg-panel-header{display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; border-bottom: 2px solid var(--border); background: rgba(0,70,139,0.03); position: sticky; top: 0; z-index: 2}.seg-panel-header h3{margin: 0; font-size: 0.95rem}.seg-panel-count{font-size: 0.75rem; font-weight: 600; background: var(--primary); color: #fff; padding: 3px 10px; border-radius: 12px}.seg-panel-filter{width: 100%; padding: 8px 14px; border: none; border-bottom: 1px solid var(--border); font-size: 0.82rem; background: var(--bg); color: var(--text); font-family: inherit; box-sizing: border-box}.seg-panel-filter:focus{outline: none; background: #fff}.seg-panel-list{flex: 1; overflow-y: auto}.seg-table{width: 100%; border-collapse: collapse; font-size: 0.78rem}.seg-table th{text-align: left; padding: 6px 10px; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--muted); border-bottom: 2px solid var(--border); background: rgba(0,0,0,0.02); position: sticky; top: 0}.seg-table td{padding: 6px 10px; border-bottom: 1px solid rgba(0,0,0,0.04); vertical-align: top}.seg-table tr:hover td{background: rgba(0,70,139,0.03)}.seg-comune{font-weight: 600; color: var(--text)}.seg-fascia{display: inline-block; padding: 1px 6px; background: var(--bg); border-radius: 4px; font-size: 0.7rem; font-weight: 600; color: var(--primary)}.seg-tooltip{font-family: var(--font-main); font-size: 0.82rem; padding: 6px 10px; border-radius: 6px}html.dark .segretari-map{filter: brightness(0.85) contrast(1.1)}html.dark .seg-search-input,html.dark .seg-panel-filter{background: #0f172a; border-color: #475569; color: var(--text)}@media (max-width: 900px){.segretari-container,.segretari-container.province-active{grid-template-columns: 1fr}.segretari-map{height: 400px}.segretari-container.province-active .segretari-map{height: 280px}.segretari-panel{max-height: 400px}.segretari-container.province-active .segretari-panel{max-height: 500px}} @media (max-width: 500px){.segretari-stats{gap: 8px}.seg-stat{min-width: 60px; padding: 6px 12px}.seg-stat-num{font-size: 1rem}.segretari-map{height: 300px}.segretari-search{flex-direction: column}} .homelab-section-amber{border-left-color: #d97706}.sec-card-amber{border-left-color: #d97706}.sec-card-amber:hover{box-shadow: 0 4px 12px rgba(217,119,6,0.15)}.sec-btn-amber{background: #d97706 !important; color: #fff !important}.sec-btn-amber:hover{background: #b45309 !important}.netmon-info{background: #fffbeb; border: 1px solid #d97706; border-radius: 8px; padding: 14px 18px; margin-bottom: 20px; font-size: 0.88rem; color: #92400e; line-height: 1.5}.nm-filter-btn{opacity: 0.6; font-size: 0.8rem !important; padding: 6px 14px !important}.nm-filter-btn.active{opacity: 1; box-shadow: 0 2px 8px rgba(217,119,6,0.3)}.netmon-section{display: none}.netmon-section.active{display: block}.netmon-hosts-grid{display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap: 14px}.netmon-host-card{background: var(--card); border: 1px solid var(--border); border-radius: 10px; border-left: 4px solid #d97706; padding: 14px 16px; transition: transform 0.15s,box-shadow 0.15s}.netmon-host-card:hover{transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08)}.netmon-host-up{border-left-color: #16a34a}.netmon-host-down{border-left-color: #dc2626; background: #fef2f2}.netmon-host-header{display: flex; align-items: center; gap: 8px; margin-bottom: 10px}.netmon-host-header strong{flex: 1; font-size: 0.92rem}.netmon-host-ip{font-size: 0.75rem; font-family: monospace; color: var(--muted)}.netmon-status-dot{width: 10px; height: 10px; border-radius: 50%; display: inline-block; flex-shrink: 0}.netmon-status-dot.dot-green{background: #16a34a; box-shadow: 0 0 6px rgba(22,163,74,0.4)}.netmon-status-dot.dot-red{background: #dc2626; box-shadow: 0 0 6px rgba(220,38,38,0.4)}.netmon-host-row{display: flex; justify-content: space-between; font-size: 0.82rem; padding: 3px 0; border-bottom: 1px solid rgba(0,0,0,0.04)}.netmon-host-row:last-child{border-bottom: none}.netmon-host-row span:first-child{color: var(--muted)}.netmon-host-row span:last-child{font-weight: 600}.netmon-ssl-grid{display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 14px}.netmon-ssl-card{background: var(--card); border: 1px solid var(--border); border-radius: 10px; border-left: 4px solid #16a34a; padding: 14px 16px}.netmon-ssl-warn{border-left-color: #f59e0b}.netmon-ssl-danger{border-left-color: #dc2626; background: #fef2f2}.netmon-ssl-critical{border-left-color: #dc2626; background: #fef2f2; animation: netmon-pulse 2s infinite}@keyframes netmon-pulse{0%,100%{box-shadow: none}50%{box-shadow: 0 0 12px rgba(220,38,38,0.3)}} .netmon-chart-container{width: 100%; background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 20px; margin-bottom: 20px}.netmon-wol-grid{display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap: 14px}.netmon-wol-card{background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 16px; text-align: center}.netmon-wol-mac{font-family: monospace; font-size: 0.78rem; color: var(--muted); margin: 6px 0 12px}.netmon-refresh-indicator{display: inline-flex; align-items: center; gap: 6px; font-size: 0.75rem; color: var(--muted); padding: 4px 12px; background: var(--bg); border-radius: 12px}.netmon-refresh-indicator::before{content: ''; width: 8px; height: 8px; border-radius: 50%; background: #16a34a; animation: netmon-blink 2s infinite}@keyframes netmon-blink{0%,100%{opacity: 1}50%{opacity: 0.3}} .netmon-table{width: 100%; border-collapse: collapse; font-size: 0.82rem; margin-top: 12px}.netmon-table th{background: var(--bg); padding: 8px 12px; text-align: left; font-weight: 600; color: var(--muted); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.5px}.netmon-table td{padding: 8px 12px; border-bottom: 1px solid var(--border)}@media (max-width: 600px){.netmon-hosts-grid,.netmon-ssl-grid,.netmon-wol-grid{grid-template-columns: 1fr}} .sa-kpi{display: flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 8px; font-size: 0.82rem}.sa-kpi-pass{background: rgba(34,197,94,0.1)}.sa-kpi-warn{background: rgba(234,179,8,0.1)}.sa-kpi-fail{background: rgba(239,68,68,0.1)}.sa-kpi-num{font-weight: 800; font-size: 1.1rem}.sa-kpi-pass .sa-kpi-num{color: #22c55e}.sa-kpi-warn .sa-kpi-num{color: #eab308}.sa-kpi-fail .sa-kpi-num{color: #ef4444}.sa-kpi-label{font-size: 0.72rem; color: var(--muted); font-weight: 600; text-transform: uppercase}.sa-checks{display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: 6px}.sa-check{display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 8px; background: var(--bg); border: 1px solid var(--border); font-size: 0.82rem}.sa-dot{width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0}.sa-dot-pass{background: #22c55e; box-shadow: 0 0 6px rgba(34,197,94,0.4)}.sa-dot-warn{background: #eab308; box-shadow: 0 0 6px rgba(234,179,8,0.4)}.sa-dot-fail{background: #ef4444; box-shadow: 0 0 6px rgba(239,68,68,0.4)}.sa-check-name{font-weight: 600; color: var(--text)}.sa-check-status{font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-left: auto; flex-shrink: 0}.sa-check-detail{display: none}@media (min-width: 600px){.sa-check-detail{display: inline; font-size: 0.72rem; color: var(--muted); margin-left: 4px; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 200px}.sa-check-status{margin-left: 0}} .sec-btn-rose{background: linear-gradient(135deg,#e11d48,#be123c) !important; color: #fff !important; border: none}.sec-btn-rose:hover{background: linear-gradient(135deg,#f43f5e,#e11d48) !important; box-shadow: 0 0 16px rgba(225,29,72,0.4)}.sentinel-info{background: linear-gradient(135deg,rgba(225,29,72,0.08),rgba(190,18,60,0.04)); border: 1px solid rgba(225,29,72,0.25); border-left: 4px solid #e11d48; border-radius: 8px; padding: 14px 18px; margin-bottom: 20px; font-size: 0.9rem; color: #fda4af; line-height: 1.5}.sentinel-section{display: none}.sentinel-section.active{display: block}.cs-filter-btn{opacity: 0.6; font-size: 0.82rem !important; padding: 6px 14px !important; transition: all 0.2s}.cs-filter-btn.active{opacity: 1; box-shadow: 0 0 12px rgba(225,29,72,0.4)}.sentinel-stats-grid{display: grid; grid-template-columns: repeat(auto-fit,minmax(140px,1fr)); gap: 12px}.sentinel-stat-card{background: rgba(225,29,72,0.06); border: 1px solid rgba(225,29,72,0.15); border-radius: 8px; padding: 16px; text-align: center}.sentinel-stat-num{font-size: 1.6rem; font-weight: 700; color: #fda4af}.sentinel-stat-label{font-size: 0.78rem; color: #94a3b8; margin-top: 4px; text-transform: uppercase; letter-spacing: 0.5px}.sentinel-table-wrap{overflow-x: auto}.sentinel-table{width: 100%; border-collapse: collapse; font-size: 0.85rem}.sentinel-table th{background: rgba(225,29,72,0.1); color: #fda4af; padding: 8px 12px; text-align: left; font-weight: 600; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.5px}.sentinel-table td{padding: 8px 12px; border-bottom: 1px solid rgba(100,116,139,0.1); color: #cbd5e1}.sentinel-table tr:hover td{background: rgba(225,29,72,0.04)}.sentinel-table code{background: rgba(225,29,72,0.1); padding: 2px 6px; border-radius: 4px; font-size: 0.82rem; color: #fda4af}.sentinel-chart-container{position: relative; height: 280px; margin-top: 8px}.sentinel-sessions{display: flex; flex-direction: column; gap: 6px}.sentinel-session-item{background: rgba(225,29,72,0.06); border: 1px solid rgba(225,29,72,0.12); border-radius: 6px; padding: 8px 12px}.sentinel-session-item code{font-size: 0.85rem; color: #cbd5e1}.sentinel-ports-grid{display: grid; grid-template-columns: repeat(auto-fit,minmax(100px,1fr)); gap: 10px}.sentinel-port-card{background: rgba(100,116,139,0.08); border: 1px solid rgba(100,116,139,0.2); border-radius: 8px; padding: 12px; text-align: center; transition: all 0.2s}.sentinel-port-card.active{background: rgba(225,29,72,0.08); border-color: rgba(225,29,72,0.3); box-shadow: 0 0 8px rgba(225,29,72,0.15)}.sentinel-port-num{font-size: 1.3rem; font-weight: 700; color: #fda4af}.sentinel-port-svc{font-size: 0.75rem; color: #94a3b8; margin-top: 4px; text-transform: uppercase}.sentinel-domain-grid{display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 12px}.sentinel-domain-card{background: rgba(100,116,139,0.06); border: 1px solid rgba(100,116,139,0.15); border-radius: 8px; padding: 16px; transition: all 0.2s}.sentinel-domain-card.safe{border-left: 4px solid #22c55e}.sentinel-domain-card.warning{border-left: 4px solid #f59e0b}.sentinel-domain-card.danger{border-left: 4px solid #ef4444}.sentinel-domain-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px}.sentinel-domain-header strong{color: #e2e8f0; font-size: 1rem}.sentinel-domain-ip{font-size: 0.8rem; color: #94a3b8; font-family: monospace}.sentinel-domain-detail{font-size: 0.84rem; color: #cbd5e1; margin: 4px 0}.sentinel-domain-detail span{color: #94a3b8; font-weight: 600}.sentinel-domain-detail code{background: rgba(225,29,72,0.08); padding: 1px 5px; border-radius: 3px; font-size: 0.8rem; color: #fda4af}.sentinel-result-box{background: rgba(225,29,72,0.04); border: 1px solid rgba(225,29,72,0.15); border-radius: 8px; padding: 16px}.sentinel-result-box h4{margin: 0 0 10px; color: #fda4af}.sentinel-result-box p{margin: 4px 0; font-size: 0.88rem; color: #cbd5e1}.sentinel-result-box pre{font-size: 0.82rem; overflow-x: auto; color: #94a3b8}.sentinel-whitelist{display: flex; flex-wrap: wrap; gap: 8px}.sentinel-wl-badge{background: rgba(34,197,94,0.1); border: 1px solid rgba(34,197,94,0.25); color: #4ade80; padding: 4px 12px; border-radius: 20px; font-size: 0.82rem; font-family: monospace}.homelab-section-rose{border-left: 4px solid #e11d48 !important}.homelab-section-rose:hover{border-left-color: #f43f5e !important; box-shadow: 0 4px 20px rgba(225,29,72,0.15)}#csAttackMapContainer .leaflet-control-zoom a{background: #1e293b; color: #94a3b8; border-color: #334155}#csAttackMapContainer .leaflet-popup-content-wrapper{background: #1e293b; color: #cbd5e1; border-radius: 8px}#csAttackMapContainer .leaflet-popup-tip{background: #1e293b}@media (max-width: 768px){.sentinel-stats-grid{grid-template-columns: repeat(2,1fr)}.sentinel-domain-grid{grid-template-columns: 1fr}.sentinel-ports-grid{grid-template-columns: repeat(3,1fr)}#csAttackMapContainer{height: 350px !important}} .sec-btn-emerald{background: linear-gradient(135deg,#059669,#047857) !important; color: #fff !important; border: none}.sec-btn-emerald:hover{background: linear-gradient(135deg,#10b981,#059669) !important; box-shadow: 0 0 16px rgba(5,150,105,0.4)}.audit-info{background: linear-gradient(135deg,rgba(5,150,105,0.08),rgba(4,120,87,0.04)); border: 1px solid rgba(5,150,105,0.25); border-left: 4px solid #059669; border-radius: 8px; padding: 14px 18px; margin-bottom: 20px; font-size: 0.9rem; color: #6ee7b7; line-height: 1.5}.audit-section{display: none}.audit-section.active{display: block}.aa-filter-btn{opacity: 0.6; font-size: 0.82rem !important; padding: 6px 14px !important; transition: all 0.2s}.aa-filter-btn.active{opacity: 1; box-shadow: 0 0 12px rgba(5,150,105,0.4)}.audit-stats-grid{display: grid; grid-template-columns: repeat(auto-fit,minmax(140px,1fr)); gap: 12px}.audit-stat-card{background: rgba(5,150,105,0.06); border: 1px solid rgba(5,150,105,0.15); border-radius: 8px; padding: 16px; text-align: center}.audit-stat-num{font-size: 1.6rem; font-weight: 700; color: #6ee7b7}.audit-stat-label{font-size: 0.78rem; color: #94a3b8; margin-top: 4px; text-transform: uppercase; letter-spacing: 0.5px}.audit-score-circle{display: inline-block; width: 140px; height: 140px; border: 6px solid #059669; border-radius: 50%; padding: 30px 10px; text-align: center}.audit-score-num{font-size: 2.4rem; font-weight: 800; color: #6ee7b7}.audit-score-label{font-size: 0.7rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 1px}.audit-grade-badge{font-size: 1.2rem; font-weight: 700; margin-top: 10px}.audit-sections-grid{display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 12px}.audit-section-card{background: rgba(5,150,105,0.04); border: 1px solid rgba(5,150,105,0.12); border-radius: 8px; padding: 16px; text-align: center}.audit-section-icon{font-size: 1.5rem}.audit-section-name{font-size: 0.85rem; font-weight: 600; color: #e2e8f0; margin: 6px 0}.audit-section-score{font-size: 1.3rem; font-weight: 700}.audit-section-ts{font-size: 0.75rem; color: #64748b; margin-top: 4px}.audit-issues-box,.audit-recs-box{background: rgba(5,150,105,0.03); border: 1px solid rgba(5,150,105,0.1); border-radius: 8px; padding: 12px 16px}.audit-issue-list,.audit-rec-list{list-style: none; padding: 0; margin: 0}.audit-issue-list li,.audit-rec-list li{padding: 6px 0; border-bottom: 1px solid rgba(100,116,139,0.08); font-size: 0.88rem; color: #cbd5e1}.audit-issue-critical{color: #ef4444 !important}.audit-chart-container{position: relative; height: 250px; margin-top: 8px}.audit-targets-list,.audit-domain-list{display: flex; flex-direction: column; gap: 12px}.audit-target-card{background: rgba(5,150,105,0.04); border: 1px solid rgba(5,150,105,0.12); border-radius: 8px; padding: 16px}.audit-target-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px}.audit-target-header strong{color: #e2e8f0}.audit-target-header code{background: rgba(5,150,105,0.1); padding: 2px 8px; border-radius: 4px; font-size: 0.82rem; color: #6ee7b7; margin-left: 8px}.audit-target-score{font-size: 1.1rem; font-weight: 700}.audit-target-detail{font-size: 0.85rem; color: #cbd5e1; margin: 6px 0}.audit-target-detail ul{margin: 4px 0; padding-left: 20px}.audit-port-badge{display: inline-block; background: rgba(5,150,105,0.1); border: 1px solid rgba(5,150,105,0.2); color: #6ee7b7; padding: 2px 8px; border-radius: 12px; font-size: 0.78rem; font-family: monospace; margin: 2px}.audit-checks-row{display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0}.audit-check-badge{display: inline-block; padding: 3px 10px; border-radius: 12px; font-size: 0.78rem}.audit-check-badge.pass{background: rgba(34,197,94,0.1); border: 1px solid rgba(34,197,94,0.25); color: #4ade80}.audit-check-badge.fail{background: rgba(239,68,68,0.1); border: 1px solid rgba(239,68,68,0.25); color: #f87171}.audit-dns-leak{background: rgba(5,150,105,0.06); border: 1px solid rgba(5,150,105,0.15); border-radius: 8px; padding: 10px 14px; font-size: 0.88rem; color: #cbd5e1}.homelab-section-emerald{border-left: 4px solid #059669 !important}.homelab-section-emerald:hover{border-left-color: #10b981 !important; box-shadow: 0 4px 20px rgba(5,150,105,0.15)}@media (max-width: 768px){.audit-stats-grid{grid-template-columns: repeat(2,1fr)}.audit-sections-grid{grid-template-columns: 1fr}.audit-score-circle{width: 110px; height: 110px; padding: 20px 10px}.audit-score-num{font-size: 1.8rem}} .sec-btn-purple{background: linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%); color: #fff; border: none; border-radius: 8px; padding: .45rem 1.1rem; font-size: .92rem; cursor: pointer; transition: opacity .2s,transform .15s}.sec-btn-purple:hover{opacity: .85; transform: translateY(-1px)}.kc-stats-grid{display: grid; grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); gap: .8rem; margin-top: 1rem}.kc-stat-card{background: rgba(124,58,237,.06); border: 1px solid rgba(124,58,237,.18); border-radius: 10px; padding: .8rem 1rem; text-align: center}.kc-stat-label{font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; opacity: .6; margin-bottom: .3rem}.kc-stat-value{font-size: 1.6rem; font-weight: 700; color: #7c3aed; line-height: 1.2}.kc-stat-sub{font-size: .78rem; opacity: .5; margin-top: .15rem}.kc-progress-bar{background: rgba(124,58,237,.1); border-radius: 8px; height: 10px; overflow: hidden}.kc-progress-fill{height: 100%; background: #7c3aed; border-radius: 8px; transition: width .5s ease}.kc-table-wrap{overflow-x: auto; margin-top: .5rem}.kc-table{width: 100%; border-collapse: collapse; font-size: .85rem}.kc-table th{background: rgba(124,58,237,.1); color: #7c3aed; padding: .5rem .6rem; text-align: left; font-weight: 600; border-bottom: 2px solid rgba(124,58,237,.2); white-space: nowrap}.kc-table td{padding: .4rem .6rem; border-bottom: 1px solid rgba(124,58,237,.08)}.kc-table tr:hover td{background: rgba(124,58,237,.04)}.kc-chart-container{background: rgba(124,58,237,.03); border-radius: 10px; padding: 1rem; margin-top: .5rem}.kc-module-card{background: rgba(124,58,237,.03); border: 1px solid rgba(124,58,237,.12); border-radius: 12px; padding: 1.2rem; margin-bottom: 1rem}.kc-terminal{background: #0a0a0f; border: 1px solid rgba(124,58,237,.2); border-radius: 10px; padding: 1rem; font-family: 'Fira Code','Cascadia Code','JetBrains Mono',monospace; font-size: .82rem; line-height: 1.5; color: #c4b5fd; max-height: 500px; overflow-y: auto; white-space: pre-wrap; word-break: break-all}.kc-terminal::-webkit-scrollbar{width: 6px}.kc-terminal::-webkit-scrollbar-thumb{background: #7c3aed; border-radius: 3px}.kc-input{background: rgba(124,58,237,.06); border: 1px solid rgba(124,58,237,.25); border-radius: 8px; padding: .5rem .8rem; color: inherit; font-size: .9rem; outline: none; transition: border-color .2s}.kc-input:focus{border-color: #7c3aed}.kc-quick-cmd{background: rgba(124,58,237,.08); border: 1px solid rgba(124,58,237,.2); border-radius: 6px; padding: .25rem .6rem; color: #c4b5fd; font-size: .78rem; font-family: monospace; cursor: pointer; transition: background .2s}.kc-quick-cmd:hover{background: rgba(124,58,237,.2)}.homelab-section-violet{border-left: 4px solid #7c3aed}.homelab-section-violet:hover{border-color: #6d28d9; box-shadow: 0 4px 20px rgba(124,58,237,.15)}.kc-info-box{background: rgba(124,58,237,.08); border: 1px solid rgba(124,58,237,.2); border-left: 4px solid #7c3aed; border-radius: 8px; padding: 12px 16px; margin-bottom: 18px; font-size: .88rem; line-height: 1.5}.kc-section-panel{display: none}.kc-section-panel.active{display: block}.kc-log-btn{opacity: .5}.kc-log-btn.active{opacity: 1}.home-server-card{border-left: 4px solid var(--primary); margin-top: 20px}.home-server-metrics{display: flex; gap: 20px; align-items: center; flex-wrap: wrap}.home-server-metric{display: flex; align-items: center; gap: 8px; min-width: 0}.home-server-metric-label{font-size: 0.76rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; color: var(--muted); white-space: nowrap; min-width: 42px}.home-server-bar{width: 100px; height: 8px; background: var(--border); border-radius: 4px; overflow: hidden; flex-shrink: 0}.home-server-bar-fill{height: 100%; border-radius: 4px; background: var(--success); transition: width 0.6s ease,background 0.3s ease}.home-server-bar-fill.warn{background: var(--warning,#f59e0b)}.home-server-bar-fill.danger{background: var(--danger)}.home-server-metric-value{font-size: 0.78rem; font-weight: 700; color: var(--text); white-space: nowrap; min-width: 36px}@media (max-width: 600px){.home-server-metrics{flex-direction: column; align-items: stretch; gap: 8px}.home-server-metric{width: 100%; display: flex; align-items: center; gap: 8px}.home-server-metric-label{min-width: 38px; font-size: 0.72rem}.home-server-bar{flex: 1; min-width: 0}.home-server-metric-value{font-size: 0.72rem; min-width: 0; text-align: right}.home-server-card{margin-top: 12px; overflow: hidden}.home-server-card .home-feature-content{padding: 14px 12px}} @media (max-width: 500px){.card h1 #greetingText{display: block}.card h1{font-size: 1.3rem; line-height: 1.3}} .breadcrumb{font-size:.8rem;color:var(--muted);padding:8px 0;margin-bottom:4px} .breadcrumb a{color:var(--primary);text-decoration:none} .breadcrumb a:hover{text-decoration:underline} .bc-sep{margin:0 6px;color:var(--muted)} .news-reading{color: var(--muted); font-size: 0.82rem; margin-left: 8px}#scrollTop:hover{opacity: 1; transform: scale(1.1)}