.itwg { --accent:#006d77; --ink:#153346; --line:#dbe6ec; font:16px/1.6 system-ui,sans-serif; color:var(--ink); background:#f3f7fa; border-radius:24px; padding:clamp(16px,3vw,36px); margin:24px auto; max-width:1100px; box-sizing:border-box; }
.itwg *, .itwg *::before, .itwg *::after { box-sizing:inherit; }
.itwg h2,.itwg h3 { color:var(--ink); line-height:1.25; margin:0 0 16px; }
.itwg h2 { font-size:2rem; } .itwg h3 { font-size:1.2rem; }
.itwg p { margin:0 0 18px; overflow-wrap:anywhere; }
.itwg .itwg-eyebrow { text-transform:uppercase; font-size:.78rem; font-weight:700; letter-spacing:.08em; }
.itwg-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:24px; }
.itwg-card { min-width:0; background:#fff; border:1px solid var(--line); border-radius:18px; padding:clamp(18px,3vw,28px); }
.itwg label { display:grid; gap:8px; font-weight:600; }
.itwg textarea { display:block; width:100%; min-width:0; max-width:100%; border:1px solid #9db3c0; border-radius:10px; padding:12px; background:#fff; color:var(--ink); font:inherit; resize:vertical; }
.itwg .itwg-help,.itwg .itwg-privacy { font-size:.83rem; color:#516878; margin-top:12px; }
.itwg .itwg-privacy { border-top:1px solid var(--line); padding-top:16px; margin-bottom:0; }
.itwg button { font:inherit; font-weight:650; cursor:pointer; border:1px solid var(--accent); background:var(--accent); color:#fff; padding:12px 22px; min-height:48px; border-radius:10px; }
.itwg button:hover { background:#005560; }
.itwg .itwg-secondary { background:#fff; color:var(--accent); }
.itwg button:disabled { opacity:.5; cursor:not-allowed; }
.itwg :is(button,textarea,summary):focus-visible { outline:3px solid #ce8500; outline-offset:3px; }
.itwg .itwg-error { color:#9e2720; margin-top:12px; }
.itwg .itwg-error:empty { display:none; }
.itwg-stage { text-align:center; }
.itwg-wheel { position:relative; width:min(100%,400px); aspect-ratio:1; margin:18px auto 26px; }
.itwg-rotor { width:100%; height:100%; border-radius:50%; overflow:hidden; box-shadow:0 0 0 6px #fff,0 0 0 8px var(--line),0 12px 28px #15334620; }
.itwg-disc { width:100%; height:100%; border-radius:50%; background:conic-gradient(#006d77 0deg 90deg,#815c16 90deg 180deg,#405f8c 180deg 270deg,#864a83 270deg); }
.itwg-disc svg { width:100%; height:100%; display:block; }
.itwg-pointer { position:absolute; left:50%; top:-12px; transform:translateX(-50%); border-left:13px solid transparent; border-right:13px solid transparent; border-top:30px solid var(--ink); }
.itwg-hub { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:#fff; color:var(--accent); font-size:26px; }
.itwg-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.itwg-result { border-radius:12px; background:#eef7f7; padding:20px; margin-top:22px; min-height:95px; overflow-wrap:anywhere; }
.itwg-result strong { display:block; color:var(--accent); font-size:clamp(1.4rem,4vw,2rem); }
.itwg details { margin-top:18px; text-align:left; overflow-wrap:anywhere; }
.itwg summary { cursor:pointer; font-weight:600; }
.itwg ol { max-height:240px; overflow:auto; padding-left:28px; }
.itwg li[data-winner] { color:var(--accent); font-weight:750; background:#eef7f7; }
.itwg [hidden] { display:none !important; }
@media(max-width:760px) { .itwg-grid { grid-template-columns:minmax(0,1fr); } .itwg button { width:100%; } }