/* ==========================================================
   T.B.PROJECTS — mockup multipagina (stile scuro/tecnologico)
   Foglio di stile unico, condiviso da tutte le pagine
   (in Django diventerà static/css/style.css)
   ========================================================== */
:root{
  --bg:#06080d; --bg2:#0a0e16; --panel:rgba(255,255,255,.035); --line:rgba(255,255,255,.09);
  --text:#e9eef6; --muted:#8793a6; --a:#22e4ff; --b:#7b86f0; --warm:#ff7a45;
  --grad:linear-gradient(120deg,var(--a),var(--b));
  --mono:'JetBrains Mono',ui-monospace,monospace; --sans:'Space Grotesk',system-ui,sans-serif;
  --nav-h:72px;
  --t2:#b6c0d0; --t3:#aab5c6; --t4:#c4cddb; --t5:#d6deea;
  --nav-bg:rgba(6,8,13,.78); --sub-bg:rgba(10,14,22,.97); --menu-bg:rgba(6,8,13,.98); --foot-bg:rgba(0,0,0,.25);
  --hero-top:rgba(6,8,13,.55); --field:rgba(255,255,255,.04); --hero-img:.5;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 8px)}
body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(900px 500px at 85% -5%,rgba(123,134,240,.16),transparent 60%),
             radial-gradient(800px 500px at -5% 30%,rgba(34,228,255,.08),transparent 60%),var(--bg)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{width:min(100% - clamp(32px,6vw,176px),max(1240px,72%));margin-inline:auto}   /* sugli schermi grandi il contenuto occupa il 72% della larghezza */