:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0b0c10;color:#f4f1ea}body{margin:0}main{max-width:1080px;margin:70px auto;padding:24px}h1{font-size:40px;letter-spacing:-1px}h2{margin-top:48px}.eyebrow{color:#d8b572;font-size:13px;letter-spacing:2px}p{color:#b7b9c4;line-height:1.7}a{color:#e1bc72}header{display:flex;align-items:center;justify-content:space-between}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}article{padding:26px;background:#181a22;border:1px solid #2b2e39;border-radius:12px}article span{display:block;color:#b7b9c4}strong{display:block;font-size:36px;margin-top:12px}label{display:block;max-width:380px}input{display:block;box-sizing:border-box;width:100%;padding:14px;margin:12px 0 20px;background:#181a22;color:white;border:1px solid #5d6170;border-radius:7px}button{background:#d8b572;color:#111318;border:0;padding:12px 20px;border-radius:7px;font-weight:700;cursor:pointer}button:disabled{opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f7d99c;outline-offset:4px}.table{overflow-x:auto;margin:24px 0}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}td,th{padding:13px 12px;border-bottom:1px solid #2b2e39}th{color:#d8b572}td:last-child{word-break:break-word}@media(max-width:650px){main{margin:20px auto}.metrics{grid-template-columns:1fr}h1{font-size:32px}}