@charset "UTF-8";
.badge-app { padding:clamp(28px,6vw,72px) 16px; background:radial-gradient(circle at 50% 0,#edf9fb 0,#f7f9fc 38%,#fff 72%); }
.badge-panel { width:min(100%,560px); margin:0 auto; padding:clamp(24px,6vw,48px); border:1px solid #dce6ef; border-radius:24px; background:rgba(255,255,255,.96); box-shadow:0 22px 60px rgba(18,36,85,.12); }
.badge-panel .text-center { display:flex; flex-direction:column; align-items:center; }
.badge-panel br { display:none; }
.badge-panel .h6 { order:1; margin:0 0 8px; color:#53627a; font:700 13px/1.4 "Open Sans",Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.badge-eyebrow { order:2; display:inline-flex; margin-bottom:10px; padding:6px 11px; border-radius:999px; color:#116f80; background:#e6f8fa; font:700 12px/1 "Open Sans",Arial,sans-serif; letter-spacing:.05em; text-transform:uppercase; }
.badge-panel h2 { order:3; margin:0; color:#17256f; font:700 clamp(28px,7vw,42px)/1.08 "Open Sans",Arial,sans-serif; text-transform:none; }
.badge-panel h3 { order:4; margin:12px 0 28px; color:#34445d; font:600 clamp(16px,4vw,20px)/1.45 "Open Sans",Arial,sans-serif; }
.badge-label { order:5; align-self:flex-start; margin:0 0 8px; color:#2e3a4d; font:700 14px/1.35 "Open Sans",Arial,sans-serif; text-align:left; }
.badge-input { order:6; display:block; width:100%!important; height:56px!important; box-sizing:border-box; padding:0 16px; border:1.5px solid #b8c6d6; border-radius:13px; outline:0; color:#172033!important; background:#fff; font:600 18px/1 "Open Sans",Arial,sans-serif!important; transition:border-color .2s,box-shadow .2s; }
.badge-input:focus { border-color:#188ca1; box-shadow:0 0 0 4px rgba(31,199,218,.18); }
.badge-panel #lbl_msg { order:7; margin-top:10px; color:#b42318!important; font-weight:700; }
.badge-panel strong { display:contents; }
.badge-primary { order:8; width:100%; min-height:54px; margin-top:18px; padding:0 18px; border:0; border-radius:13px; color:#fff; background:linear-gradient(135deg,#17256f,#2445a6); box-shadow:0 12px 28px rgba(23,37,111,.24); font:700 16px/1 "Open Sans",Arial,sans-serif; letter-spacing:.01em; transition:transform .2s,box-shadow .2s; }
.badge-primary:hover,.badge-primary:focus-visible { transform:translateY(-2px); box-shadow:0 16px 34px rgba(23,37,111,.3); }
.badge-secondary { order:10; min-height:42px; margin-top:22px; padding:0 15px; border:1px solid #c8d4e0; border-radius:999px; color:#34445d; background:#f6f8fb; font:700 13px/1 "Open Sans",Arial,sans-serif; }
.badge-panel #Image2,.badge-panel #lbl_idutente,.badge-panel #lbl_nome,.badge-panel #lbl_cognome,.badge-panel #lbl_msg0,.badge-panel #Image1 { order:9; max-width:100%; }
@media(max-width:600px){ .badge-app{padding:20px 12px}.badge-panel{padding:25px 18px;border-radius:20px}.badge-panel h3{margin-bottom:24px}.badge-primary{min-height:56px} }
@media(prefers-reduced-motion:reduce){ .badge-input,.badge-primary{transition:none} }