:root{font-family:Tahoma,Arial,sans-serif;color:#143b56;background:#f4faff;line-height:1.8}*{box-sizing:border-box}body{margin:0}header{padding:18px max(5vw,18px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d6e9f5;background:white;gap:18px}a{color:#007eaf;text-decoration:none}header>a{font-size:24px;font-weight:bold}small{display:block;font-size:11px;color:#688096}nav{display:flex;gap:18px}main{max-width:1050px;margin:auto;padding:36px 20px 70px}h1{font-size:clamp(30px,4vw,48px);line-height:1.5;margin:8px 0}h2,h3{margin-top:0}.eyebrow{color:#008fbd;font-size:13px;letter-spacing:1px}.intro,.muted{color:#637f91}.panel{background:white;border:1px solid #d4e7f2;border-radius:20px;padding:28px;margin:24px 0}#auth{max-width:520px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats article{padding:25px;background:#e4f5ff;border:1px solid #cce6f7;border-radius:18px}.stats b{display:block;font-size:32px;color:#0788bc}.stats span{font-size:13px}label{display:block;margin:14px 0;font-size:14px}input,select{display:block;width:100%;border:1px solid #b9d8e8;border-radius:10px;padding:12px;color:#163d55;background:#fbfdff;font:16px Tahoma}input[type=email],input[type=password]{direction:ltr}button{font:14px Tahoma;min-height:44px;padding:12px 20px;border:0;border-radius:10px;cursor:pointer;margin:6px 0}.primary{background:#078fc5;color:white}.soft{background:#e8f6ff;color:#087daa;border:1px solid #b3dfef}button:disabled{opacity:.5;cursor:wait}#status{padding:0 5px;overflow-wrap:anywhere}#status.error{color:#ae2941}#status.success{color:#08785c}.result-row{padding:15px 0;border-bottom:1px solid #e2edf5}.result-row p{margin:5px 0}.question{padding:18px;border:1px solid #d6e8f4;border-radius:14px;margin:18px 0;direction:ltr;text-align:left}.question label{display:flex;gap:10px;align-items:center}.question input{width:20px}output{display:block;overflow-wrap:anywhere;user-select:all;font-family:monospace;font-size:19px}footer{text-align:center;color:#708899;padding:24px;border-top:1px solid #d9eaf4}[hidden]{display:none!important}:focus-visible{outline:3px solid #16b3e0;outline-offset:3px}@media(max-width:600px){header{align-items:start;flex-direction:column}nav{font-size:13px;flex-wrap:wrap}main{padding:24px 15px}.panel{padding:20px}.stats{gap:8px}.stats article{padding:15px 10px}.stats b{font-size:25px}.section-head{align-items:start}h2{font-size:22px}}
