:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090c0c;color:#f3f6f4}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:32px 18px}main{width:min(100%,490px);padding:38px;border:1px solid #2e3831;border-radius:20px;background:#101614;box-shadow:0 24px 80px #0006}.brand{font-size:32px;font-weight:850;display:flex;gap:15px;align-items:center;color:#6cff2e}.brand span{font-size:13px;letter-spacing:.12em;color:#eef4ee}.label{font-size:11px;letter-spacing:.16em;color:#a8b5ab;margin:36px 0 12px}h1{font-size:clamp(29px,6vw,39px);line-height:1.16;margin:0 0 18px;letter-spacing:-.035em}.intro,.note{color:#b6c2b9;font-size:15px;line-height:1.6}form{margin-top:28px}label{display:block;font-weight:600;font-size:14px;margin:17px 0 8px}input{width:100%;background:#090e0b;color:#fff;border:1px solid #49564c;border-radius:8px;padding:13px;font:inherit}input:focus{outline:2px solid #6cff2e;outline-offset:2px}button{margin-top:23px;width:100%;padding:14px;border:0;border-radius:8px;background:#6cff2e;color:#101810;font-size:15px;font-weight:750;cursor:pointer}button:disabled{opacity:.65;cursor:wait}#status{min-height:24px;font-size:14px;line-height:1.5;color:#eff5d9}.note{font-size:12px;border-top:1px solid #303d33;padding-top:20px}footer{font-size:11px;color:#a0b3a6;margin-top:20px}@media(max-width:450px){main{padding:26px 22px}body{padding:16px}}


/* Combat Resilience: atmosfera decorativa senza immagini o richieste esterne. */
body{background:#070c0a;isolation:isolate}
.cr-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 80% 15%,#172c1b 0,transparent 56%),linear-gradient(130deg,#070c0a,#0b1315 70%,#07100b)}
.cr-halo{position:absolute;width:90vw;height:90vw;border-radius:50%;filter:blur(35px);opacity:.6;will-change:transform;animation:cr-drift 24s ease-in-out infinite alternate;background:radial-gradient(ellipse,#6cff2e22,transparent 66%);left:28%;top:-62%}
.cr-halo.blue{width:70vw;height:70vw;left:-30%;top:25%;opacity:.45;animation-duration:31s;animation-direction:alternate-reverse;background:radial-gradient(ellipse,#53ccdb1c,transparent 65%)}
.cr-grid{position:absolute;inset:0;background-image:linear-gradient(#7cfb4b08 1px,transparent 1px),linear-gradient(90deg,#7cfb4b08 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent 15%,#000 100%)}
.cr-ribbon{position:absolute;right:-25%;top:18%;width:90%;height:44%;border-top:1px solid #6cff2e50;border-bottom:1px solid #6cff2e1d;transform:rotate(-28deg);background:linear-gradient(180deg,#6cff2e08,transparent 60%);animation:cr-surge 19s ease-in-out infinite alternate}
.cr-ribbon.second{top:64%;right:-12%;width:100%;height:12%;opacity:.5;animation-duration:27s;animation-direction:alternate-reverse}
.cr-emblem{position:absolute;right:5vw;top:17vh;width:clamp(150px,23vw,330px);aspect-ratio:1;display:grid;place-items:center;border:1px solid #6cff2e25;border-radius:28%;transform:rotate(-12deg);box-shadow:inset 0 0 80px #6cff2e08,0 0 90px #6cff2e08;color:#6cff2e12;font-size:clamp(80px,13vw,180px);font-weight:950;font-style:italic;letter-spacing:-.13em;padding-right:.12em;animation:cr-breathe 17s ease-in-out infinite alternate}
.cr-sparks{position:absolute;inset:0;background-image:radial-gradient(circle at 82% 13%,#b1ff9470 0 1px,transparent 2px),radial-gradient(circle at 68% 76%,#6cff2e65 0 1px,transparent 2px),radial-gradient(circle at 42% 46%,#53ccdb55 0 1px,transparent 2px),radial-gradient(circle at 95% 55%,#6cff2e60 0 1px,transparent 2px),radial-gradient(circle at 24% 87%,#6cff2e55 0 1px,transparent 2px);animation:cr-float 22s ease-in-out infinite alternate}
@keyframes cr-drift{to{transform:translate3d(-8vw,10vh,0) scale(1.1)}}
@keyframes cr-surge{to{transform:translate3d(-4vw,5vh,0) rotate(-24deg)}}
@keyframes cr-breathe{to{transform:translate3d(0,3vh,0) rotate(-7deg);opacity:.5}}
@keyframes cr-float{to{transform:translate3d(-16px,-40px,0);opacity:.5}}
.sidebar{background:#0a120ff5;border-color:#6cff2e21;box-shadow:8px 0 35px #0003}
.topbar{background:#0b1412ee;border-color:#6cff2e22}
.panel,.metric{background:linear-gradient(140deg,#131e1aee,#111a1eee);border-color:#395246;box-shadow:0 8px 30px #0003}
.metric.accent{background:linear-gradient(135deg,#243e1cf2,#122116f2);border-color:#659b45;box-shadow:inset 0 1px 0 #b4ff6520,0 10px 35px #0003}
.brand-mark{background:linear-gradient(140deg,#243e19,#111d14);border-color:#6cff2e66;box-shadow:0 0 24px #6cff2e12}
.page-head{padding-bottom:20px;border-bottom:1px solid #6cff2e25}
h1{letter-spacing:-.04em}
.motion-toggle{border:1px solid #48693b;border-radius:18px;background:#112010;color:#c5eeb4;padding:6px 11px;font-size:11px;cursor:pointer;letter-spacing:0;white-space:nowrap}
.motion-toggle:hover{border-color:#6cff2e}
.cr-motion-paused .cr-atmosphere *{animation-play-state:paused!important}
@media(max-width:750px){.cr-halo{filter:blur(18px);width:140vw;height:140vw;left:10%;top:-25%}.cr-halo.blue{width:110vw;height:110vw}.cr-grid{background-size:55px 55px}.cr-emblem{right:-30px;top:28vh;opacity:.8}.cr-ribbon{width:150%;right:-55%}.sidebar{background:#0b1513f7}.motion-toggle{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.cr-atmosphere *{animation:none!important;will-change:auto}.motion-toggle{display:none}}

main{background:linear-gradient(145deg,#142218f5,#0e1818f5);border-color:#6cff2e40;box-shadow:0 24px 100px #0009,inset 0 1px 0 #6cff2e20}