*{box-sizing:border-box}body{margin:0;background:#eef2fa;color:#152953;font:16px/1.55 system-ui,sans-serif}main{max-width:540px;margin:6vh auto;padding:32px;background:#fff;border:1px solid #d9e2f2;border-radius:28px}.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand span{color:#3865ef}h1{font-size:30px;line-height:1.2;margin:28px 0 18px}p{color:#62728d}label{display:block;font-weight:600;margin-bottom:8px}select,button{width:100%;padding:15px;border:1px solid #cbd7ec;border-radius:12px;font:inherit;background:#fff;color:inherit}button{background:#3865ef;color:white;border:0;font-weight:650;margin-top:15px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.result{padding:14px 16px;background:#f1f5fd;border-radius:12px;margin-bottom:10px;border:1px solid #dbe5f7}.result strong,.result span{display:block}.result span{font-size:14px;color:#62728d}.ok strong{color:#236147}.fail strong{color:#a34b26}small{display:block;color:#8290a6;margin-top:24px;font-size:12px}@media(max-width:560px){main{margin:16px;padding:24px}h1{font-size:28px}}