:root { color-scheme:dark; font: 17px/1.6 system-ui,sans-serif; background:#101522; color:#edf2ff }
body { margin:0 } header,main,footer { max-width:960px; margin:auto; padding:1rem }
header,footer { border-bottom:1px solid #35405a } footer { border-top:1px solid #35405a; border-bottom:0 }
a { color:#a7d5ff } .logo { text-decoration:none; color:white; font-weight:800; font-size:1.35rem } .logo span { color:#70d9ec }
section { padding:1rem 0 2rem; border-bottom:1px solid #35405a } section:last-child { border:0 }
.hero { padding:3rem 0 } h1,h2 { line-height:1.15 } h1 { font-size:clamp(2rem,8vw,4.5rem); margin:.3em 0 }
.eyebrow { color:#70d9ec; letter-spacing:.09em } .balance { font-size:2rem; font-weight:700 }
.button,button,input,select { padding:.55em .8em; border:1px solid #7186ae; border-radius:.45em; font:inherit }
.button,button { display:inline-block; background:#9bdff2; color:#122434; text-decoration:none; font-weight:700; cursor:pointer; margin:.2rem }
label { display:inline-grid; gap:.25rem; margin:.3rem } input,select { background:#192134; color:inherit }
table { border-collapse:collapse; width:100%; text-align:left } th,td { border-bottom:1px solid #35405a; padding:.55rem; vertical-align:top }
.scroll { overflow:auto; margin-top:1rem } td form { display:inline-block } footer { color:#c3cde3 }