*{box-sizing:border-box}body{margin:0;background:#f4f6f2;color:#183d34;font:16px system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:28px}header{display:flex;align-items:center;gap:12px;font-weight:650;border-bottom:1px solid #d9e3dc;padding-bottom:22px}header button{margin-left:auto}.mark{background:#183d34;color:#d9efb7;padding:7px 11px;border-radius:12px}.intro{padding:45px 0 25px}.eyebrow{font-size:12px;letter-spacing:2px}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.6px;margin:12px 0}h2{font-size:21px;margin-top:0}p{line-height:1.6}section{background:white;padding:28px;border:1px solid #dfe7df;border-radius:20px;margin:12px 0}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.balance{background:#183d34;color:white}.balance h2{font-size:44px;margin:16px 0}.balance p:first-child{font-size:12px;letter-spacing:1px}small{display:block;font-size:13px;opacity:.8}nav{display:flex;gap:8px}button{border:0;border-radius:10px;padding:12px 18px;background:#275d49;color:white;cursor:pointer;font:inherit}button:disabled{opacity:.5;cursor:wait}.quiet,nav button{background:#e9eee6;color:#183d34}nav button[aria-pressed=true]{background:#183d34;color:white}form{grid-gap:15px;gap:15px}form,label{display:grid}label{grid-gap:7px;gap:7px;font-size:14px}input,select{width:100%;padding:12px;border:1px solid #b8c8bd;border-radius:9px;font:inherit;background:white;color:#183d34}article{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e7ece6;padding:18px 0;overflow-wrap:anywhere}.login{max-width:480px}.error{padding:15px;background:#ffe8e4;color:#802b23;border-radius:10px}footer{padding:25px 0;color:#536e60;font-size:13px}:focus-visible{outline:3px solid #c18e33;outline-offset:3px}@media (max-width:680px){.grid{grid-template-columns:1fr;gap:0}main{padding:18px}section{padding:22px}}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin:0 0 24px;background:#fff5d9;border:1px solid #e7d7a3;border-radius:16px;color:#59471c}.demo-banner p{margin:6px 0 0;font-size:14px;max-width:720px}.demo-banner button{flex-shrink:0}@media (max-width:680px){.demo-banner{align-items:flex-start;flex-direction:column}.balance h2{font-size:36px}}