:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0a111b;color:#edf4fb}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:28px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #263345;padding-bottom:25px}.brand{display:flex;align-items:center;gap:13px;color:#6de3c6;text-decoration:none;font-size:27px;font-weight:800}.brand span{color:#edf4fb;font-size:21px;letter-spacing:-.5px}.pill{border:1px solid #2c4650;border-radius:99px;padding:8px 13px;color:#9dbbb9;font-size:12px}.intro{max-width:720px;padding:58px 0 36px}.eyebrow,.number{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#77b7ad}h1{font-size:clamp(36px,6vw,62px);line-height:1.08;letter-spacing:-2.5px;margin:18px 0 20px}h1 span{color:#7de2c9}p{font-size:14px;line-height:1.7;color:#acb9cb}.intro p{max-width:600px;font-size:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{padding:28px;border:1px solid #293647;border-radius:18px;background:linear-gradient(145deg,#141f2c,#101925);min-width:0}h2{font-size:23px;margin:18px 0 9px;letter-spacing:-.6px}.card p{min-height:48px;margin:0}.reading{display:flex;align-items:baseline;gap:14px;margin:27px 0}.reading strong{font-size:54px;line-height:1.1;font-weight:650;letter-spacing:-2px}.reading span{color:#9aaabc;font-size:13px}button{border:1px solid transparent;background:#83e5ca;color:#10241e;padding:14px 17px;font:600 14px inherit;font-family:inherit;font-size:14px;font-weight:650;cursor:pointer;border-radius:9px;display:flex;justify-content:space-between;gap:15px;width:100%;min-height:47px}button:hover{background:#a1f1db}button:focus-visible,input:focus-visible{outline:3px solid #8cddff;outline-offset:3px}button:disabled{opacity:.65;cursor:wait}.card .note{font-size:12px;min-height:0;color:#8ea3b8;margin-top:13px;line-height:1.6}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}label{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#adbdcf}input{min-width:0;width:100%;border:1px solid #34465a;border-radius:8px;background:#0c1521;color:#fff;padding:13px;font:inherit;font-size:17px}output{display:block;font-size:31px;color:#a4efda;margin-top:25px;min-height:43px}.guide ol{margin:20px 0;padding-left:20px;color:#acb9cb;font-size:14px;line-height:1.7}.guide li{margin-bottom:12px}.secondary{background:transparent;border-color:#456172;color:#d3e6ef;margin-top:22px}.secondary:hover{background:#243446}footer{display:flex;justify-content:space-between;gap:16px;padding:28px 0 8px;font-size:11px;color:#7d92a6;line-height:1.6}@media(max-width:650px){main{padding:20px 16px}.pill{font-size:10px;padding:7px 9px}.intro{padding:38px 0 24px}h1{letter-spacing:-1.6px}.grid{grid-template-columns:1fr}.card{padding:23px}.fields{gap:10px}footer{flex-direction:column;gap:5px}}