:root{color-scheme:dark;font-family:Inter,system-ui,Arial,sans-serif;background:#0b1220;color:#eef4fc}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1050px;margin:auto;padding:0 24px}header{padding:64px 0 48px;background:linear-gradient(125deg,#122d48,#10182b)}.eyebrow{font-size:12px;letter-spacing:.16em;color:#63ddcd;font-weight:700}h1{font-size:clamp(34px,6vw,60px);margin:12px 0}h1 span{color:#57d6c4}header p{color:#b4c6d8}.pill{display:inline-flex;border:1px solid #3b827b;border-radius:25px;color:#92e4d9;font-weight:700;font-size:12px;padding:8px 12px;margin-top:12px}main{padding-top:24px!important}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article,.panel{background:#162337;border:1px solid #2a4058;border-radius:16px;padding:23px}.cards small{display:block;color:#a5b8ce}.cards strong{display:block;font-size:27px;margin-top:10px}.panel{margin-top:20px}h2{font-size:21px;margin:0 0 8px}.heading p,.subtle p{color:#a8bfd3;line-height:1.65;margin:0}.interface-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:18px}.iface{background:#101c2d;border:1px solid #34475d;padding:16px;border-radius:12px}.iface strong,.iface small{display:block}.iface small{color:#9daec0;margin-top:7px}.controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:20px}label{font-size:12px;color:#b5cce0;display:grid;gap:7px}input,select{min-width:150px;padding:11px;background:#0d1828;border:1px solid #456078;border-radius:8px;color:white}button{cursor:pointer;background:#50cfbb;color:#071b24;border:0;padding:12px 16px;border-radius:8px;font-weight:700}button.alt{background:#344b65;color:#fff}button:disabled{opacity:.4;cursor:not-allowed}#message{color:#eed291;min-height:20px}.barrow{display:grid;grid-template-columns:90px 1fr 70px;gap:15px;align-items:center;margin:15px 0}.track{height:12px;background:#263c50;border-radius:20px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#39b8b9,#7ad7b5)}a{color:#88e9d9}footer{padding-top:30px!important;padding-bottom:40px!important;color:#8d9fb0;font-size:13px}@media(max-width:570px){.cards{grid-template-columns:1fr}.barrow{grid-template-columns:65px 1fr 55px}}