*{box-sizing:border-box}body{margin:0;background:#091427;color:#edf3ff;font:17px/1.6 system-ui,Arial}a{color:#ffd178}header{border-bottom:1px solid #344966;background:#0c1e35}nav,.wrap{max-width:1120px;margin:auto;padding:18px 22px}.nav{display:flex;gap:18px;flex-wrap:wrap}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding-top:30px}.hero img{width:100%;border-radius:22px}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;color:#ffd178}h2{color:#ffd178}h3{color:#b6e7ff}.muted{color:#b8cce0}.card{background:#122640;border:1px solid #31506c;border-radius:18px;padding:22px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.btn,button,select,input{font:inherit}button,.btn{display:inline-block;cursor:pointer;background:#e9b950;color:#11243b;border:0;border-radius:11px;padding:10px 15px;text-decoration:none;font-weight:700;margin:4px 5px 4px 0}button.secondary,.btn.secondary{background:#294867;color:#fff}button:disabled{opacity:.45;cursor:not-allowed}input,select{background:#0a1b30;border:1px solid #63809d;border-radius:8px;padding:9px;color:white;max-width:100%}.feedback{padding:10px 14px;border-left:4px solid #e9b950;background:#17314d;margin:12px 0;min-height:42px}.bits{font:18px ui-monospace,monospace;overflow-wrap:anywhere}.chip{display:inline-block;background:#234763;padding:9px 12px;border:1px solid #6b98b3;border-radius:9px;margin:5px;cursor:grab;touch-action:manipulation}.chip.selected{outline:3px solid #ffd178}.slot{display:inline-block;min-width:130px;min-height:45px;border:2px dashed #7698ad;border-radius:9px;margin:5px;padding:7px;vertical-align:middle;cursor:pointer}.slot.filled{border-style:solid;background:#24445e}.table{width:100%;border-collapse:collapse}.table td,.table th{border:1px solid #42617b;padding:8px;text-align:center}.code{background:#071321;padding:15px;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.7 ui-monospace,monospace}.steps{display:flex;gap:8px;flex-wrap:wrap}.steps span{background:#213b55;padding:6px 10px;border-radius:9px}.pill{display:inline-block;background:#32526b;border-radius:40px;padding:3px 11px}.hero-buttons{display:flex;gap:8px;flex-wrap:wrap}footer{text-align:center;padding:25px;color:#9fb5c9}@media(max-width:750px){.hero{grid-template-columns:1fr}.hero img{max-height:310px;object-fit:cover}.card{padding:15px}}@media print{header,button,.btn,footer{display:none!important}body{background:white;color:black}.card{background:white;color:black;border-color:#777}h1,h2,h3{color:black}}