:root{color-scheme:light;--green:#0f766e;--ink:#102b2c;--mist:#f3f7f6}*{box-sizing:border-box}body{margin:0;background:var(--mist);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.wrap{width:min(720px,100%);margin:0 auto;padding:24px 18px 64px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px;font-weight:800}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#c8ff4d}.card{background:white;border:1px solid #dce7e5;border-radius:20px;padding:22px;box-shadow:0 12px 35px rgba(16,43,44,.07);margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.muted{color:#607473;font-size:14px}.status{display:inline-block;padding:6px 10px;border-radius:999px;background:#e8f3f1;font-size:12px;font-weight:700}.button{width:100%;border:0;border-radius:12px;padding:13px 16px;background:var(--green);color:white;font-weight:700;cursor:pointer}.button.secondary{background:white;color:var(--ink);border:1px solid #b9cac8}.button:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;border:1px solid #b9cac8;border-radius:12px;padding:13px;margin:8px 0 14px}.error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b;padding:13px;border-radius:12px;margin-bottom:14px}h1{margin:0 0 8px;font-size:32px}h2{margin:0 0 12px}p{line-height:1.5}@media(max-width:520px){.grid{grid-template-columns:1fr}h1{font-size:27px}}