.siti-hero{background:linear-gradient(135deg,#0f0c29,#1a1f5e,#302b63);color:white;padding:68px 24px 56px;text-align:center;position:relative;overflow:hidden}.siti-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 65% 55% at 50% 0%,rgba(100,120,255,0.18) 0%,transparent 70%)}.siti-hero::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.06) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(circle at 50% 20%,black,transparent 70%)}.siti-hero-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}.siti-badge{display:inline-block;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.85);font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 16px;border-radius:20px;margin-bottom:20px}.siti-hero h1{font-family:var(--font-display);font-size:clamp(1.8rem,4.5vw,3rem);font-weight:900;line-height:1.2;margin-bottom:16px}.siti-hero h1 em{font-style:normal;color:#a78bfa}.siti-hero p{color:rgba(255,255,255,0.65);font-size:1rem;line-height:1.7}.hero-stats{display:flex;justify-content:center;gap:40px;margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.1);flex-wrap:wrap}.hero-stat strong{display:block;font-size:1.7rem;font-weight:800;color:#a78bfa}.hero-stat span{font-size:0.75rem;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.06em}.siti-section{max-width:1200px;margin:0 auto;padding:56px 24px 80px}.siti-h2{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--grigio-scuro);margin-bottom:10px}.siti-h2::after{content:'';display:block;width:36px;height:3px;background:var(--arancio);margin-top:8px;border-radius:2px}.siti-intro{color:var(--grigio);font-size:0.95rem;margin-bottom:36px;line-height:1.6}.siti-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.site-card{background:white;border:1.5px solid var(--bordo);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.3s var(--ease),box-shadow 0.3s var(--ease),border-color 0.3s;box-shadow:var(--shadow-soft)}.site-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,0.12);border-color:var(--arancio)}.site-thumb{height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-size:3.5rem}.site-thumb-emoji{transition:transform 0.35s var(--ease);display:inline-block}.site-card:hover .site-thumb-emoji{transform:scale(1.12) rotate(-4deg)}.site-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,0.25) 0%,transparent 60%)}.tc-web{background:linear-gradient(135deg,#1a1f5e,#2d35a0)}.tc-python{background:linear-gradient(135deg,#1e3a5f,#2563a0)}.tc-scuola{background:linear-gradient(135deg,#1a3a1a,#2d6a2d)}.tc-ia{background:linear-gradient(135deg,#0a0a1a,#1a0a3e)}.tc-default{background:linear-gradient(135deg,#2a1a00,#5c3a00)}.site-thumb-emoji{position:relative;z-index:1}.site-status{position:absolute;top:12px;right:12px;z-index:2;font-size:0.68rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:3px 10px;border-radius:12px}.status-live{background:#dcfce7;color:#166534}.status-dev{background:#fef9c3;color:#713f12}.status-scuola{background:#dbeafe;color:#1e40af}.site-body{padding:20px;flex:1;display:flex;flex-direction:column}.site-cat{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--arancio);margin-bottom:6px}.site-name{font-size:1.1rem;font-weight:800;color:var(--grigio-scuro);margin-bottom:8px;line-height:1.25}.site-card:hover .site-name{color:var(--arancio)}.site-desc{font-size:0.875rem;color:var(--grigio);line-height:1.55;flex:1;margin-bottom:14px}.site-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tech-tag{font-size:0.7rem;font-weight:600;padding:3px 9px;border-radius:6px;background:var(--grigio-chiaro);color:var(--grigio-scuro)}.site-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--bordo);gap:8px}.site-year{font-size:0.75rem;color:var(--grigio)}.site-btn{display:inline-flex;align-items:center;gap:5px;font-size:0.8rem;font-weight:700;padding:6px 14px;border-radius:8px;text-decoration:none;transition:all 0.2s var(--ease);white-space:nowrap}.btn-primary{background:var(--blu);color:white}.btn-primary:hover{background:var(--blu-chiaro);transform:translateY(-2px);box-shadow:0 6px 16px rgba(26,31,94,0.25)}.btn-outline{border:1.5px solid var(--bordo);color:var(--grigio-scuro);background:none}.btn-outline:hover{border-color:var(--arancio);color:var(--arancio)}.btn-disabled{background:var(--grigio-chiaro);color:var(--grigio);cursor:default;opacity:0.7}.aggiungi-cta{margin-top:48px;background:linear-gradient(135deg,#1a1f5e,#2d35a0);border-radius:16px;padding:40px;text-align:center;color:white}.aggiungi-cta h3{font-family:var(--font-display);font-size:1.3rem;margin-bottom:10px}.aggiungi-cta p{color:rgba(255,255,255,0.7);font-size:0.95rem;margin-bottom:22px}.aggiungi-cta a{display:inline-flex;align-items:center;gap:8px;background:var(--arancio);color:white;padding:12px 26px;border-radius:8px;font-weight:700;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s}.aggiungi-cta a:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,87,34,0.4)}@media(max-width:640px){.siti-grid{grid-template-columns:1fr}.hero-stats{gap:20px}}