:root{font-family:Arial,Helvetica,sans-serif;color:#082846;background:#052746;font-size:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 100% 10%,#08768e 0,transparent 48%),radial-gradient(ellipse at 0 90%,#0d477e 0,transparent 60%),#052746}header{max-width:1180px;margin:auto;padding:30px 32px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;color:white;text-decoration:none;font-size:28px;font-weight:800;gap:10px}.brand span{color:#28d4c0;margin-left:-10px}.tag{color:#b8d3e2;font-size:14px}main{max-width:1180px;margin:16px auto 48px;padding:0 32px;display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}.intro{position:sticky;top:60px;color:#fff;padding:65px 0}.eyebrow{font-size:13px;letter-spacing:2px;color:#47decd}h1{font-size:clamp(40px,4.5vw,60px);line-height:1.12;letter-spacing:-2px;margin:24px 0}em{font-style:normal;color:#2bd9c6}.intro>p:not(.eyebrow){font-size:20px;line-height:1.6;color:#d5e4f0}.promise{margin:42px 0;color:#d6e8f5;line-height:2.3}.intro .signature{font-style:italic;color:#42dbce!important}.app{background:#f1f6fa;border:1px solid #ffffff88;box-shadow:0 25px 70px #00172c66;border-radius:30px;padding:28px}.apphead{display:flex;justify-content:space-between;gap:10px;font-size:14px;align-items:center;margin-bottom:22px}.badge{background:#dceeea;color:#146558;padding:6px 9px;border-radius:15px;font-size:12px}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}button{font:inherit;cursor:pointer}.choices button{border:1px solid #dce5ec;background:#fff;border-radius:14px;padding:12px 4px;font-size:14px;color:#183b59}.choices span{display:block;font-size:23px;margin-bottom:7px;color:#0aa796}.choices .active{background:#092e4e;color:white;border-color:#092e4e}.choices .active span{color:#37ddc5}label,legend{font-size:14px;line-height:1.5}#input-label{display:block;font-weight:bold;margin-bottom:10px}textarea{width:100%;resize:vertical;border:1px solid #c9d8e4;background:white;border-radius:14px;padding:16px;color:#082846;font:inherit;line-height:1.5;min-height:110px}textarea:focus{outline:2px solid #00a693;outline-offset:2px}.hint{color:#546b7e;font-size:13px;line-height:1.5}fieldset{padding:14px;border:1px solid #d7e3eb;border-radius:14px;margin:18px 0}fieldset label{display:flex;align-items:flex-start;gap:8px;margin:9px 0}input{accent-color:#008d7a;margin-top:4px}legend{padding:0 5px}.primary{border:0;background:linear-gradient(110deg,#007b77,#02a68d);color:white;border-radius:13px;min-height:50px;width:100%;font-weight:bold;box-shadow:0 7px 17px #00887822}button:hover{filter:brightness(1.07)}button:focus-visible,summary:focus-visible{outline:3px solid #008fca;outline-offset:3px}#error{color:#a52020;font-size:14px;margin:10px 0}#result{background:white;border-radius:24px;padding:24px;text-align:center;margin-top:22px;box-shadow:0 8px 24px #10364f08}.ring{--value:0;--risk:#9aaebe;margin:0 auto 20px;width:220px;height:220px;border-radius:50%;background:conic-gradient(var(--risk) calc(var(--value)*1%),#e7edf2 0);display:grid;place-items:center}.ring>div{width:184px;height:184px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:15px}.ring strong{font-size:54px;letter-spacing:-2px}.ring span{color:var(--risk);font-weight:bold;font-size:16px;margin-top:5px}h2{font-size:22px;margin:12px 0}#summary{font-size:16px;line-height:1.5}.notice{background:#eaf3f8;border-radius:13px;padding:14px;font-size:13px;line-height:1.5;text-align:left;color:#254862}#details{text-align:left;border-top:1px solid #e3eaf0;margin-top:20px;padding-top:8px}h3{font-size:16px}ul{padding-left:22px;line-height:1.65}li{margin-bottom:8px}#action{line-height:1.6}.tips{padding:18px 2px 0;font-size:14px}summary{cursor:pointer;font-weight:bold}footer{text-align:center;color:#a8c6dc;font-size:13px;padding:0 20px 32px;line-height:1.8}@media(max-width:780px){header{padding:20px}.tag{display:none}main{display:block;padding:0 14px;margin-top:0}.intro{position:static;padding:15px 6px 22px}h1{font-size:34px;margin:12px 0;letter-spacing:-1px}h1 br{display:none}.eyebrow{font-size:11px}.intro>p:not(.eyebrow){font-size:16px;margin:10px 0}.promise,.signature{display:none}.app{padding:18px;border-radius:24px}.choices{gap:6px}.choices button{font-size:13px}.apphead{font-size:13px}#result{padding:18px}.ring{width:200px;height:200px}.ring>div{width:166px;height:166px}}@media(prefers-reduced-motion:no-preference){button{transition:filter .15s}}
:disabled{cursor:wait;opacity:.65}.remote{background:#f1f7fa;border:1px solid #dbe6ee;text-align:left;padding:16px;border-radius:14px;margin:20px 0;font-size:14px;overflow-wrap:anywhere}.remote p{line-height:1.5}.remote h3{margin-top:0}.remote ol{padding-left:20px}.remote li{line-height:1.6}