:root{--bg:#f4f6f9;--card:#fff;--ink:#1a2233;--ink-soft:#5a6478;--line:#e3e8ef;--accent:#0f6f4f;--accent-soft:#e6f4ee;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}.page{justify-content:center;align-items:flex-start;min-height:100vh;padding:24px 16px 48px;display:flex}.page.center{align-items:center}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;width:100%;box-shadow:0 8px 28px #14203c12}.message-card{text-align:center;max-width:420px;padding:36px 28px}.message-card h1{margin:0 0 10px;font-size:20px}.message-card p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.6}.doc-card{max-width:720px;padding:28px 28px 22px}.company-logo{object-fit:contain;object-position:right;max-width:100%;height:46px;margin-bottom:20px;margin-left:auto;display:block}.brand-bar{align-items:center;gap:8px;margin-bottom:18px;display:flex}.brand-bar.bottom{border-top:1px solid var(--line);justify-content:center;margin:20px 0 0;padding-top:14px}.brand-bar.bottom .brand-mark{width:22px;height:22px}.brand-bar.bottom .brand-name{font-size:.9rem}.brand-mark{object-fit:contain;border-radius:7px;width:30px;height:30px}.brand-name{letter-spacing:-.01em;color:#1e3a5f;font-size:1.05rem;font-weight:800}.doc-header{border-bottom:2px solid var(--accent);align-items:center;gap:14px;padding-bottom:18px;display:flex}.logo{object-fit:contain;max-width:160px;height:52px}.header-text .company{font-size:17px;font-weight:700}.header-text .doc-type{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:13px;font-weight:600}.doc-title{margin:20px 0 8px;font-size:22px;line-height:1.3}.doc-meta{color:var(--ink-soft);flex-wrap:wrap;gap:6px 18px;margin-bottom:18px;font-size:13px;display:flex}.fields{border:1px solid var(--line);border-radius:10px;margin:0 0 20px;overflow:hidden}.field-row{border-bottom:1px solid var(--line);display:flex}.field-row:last-child{border-bottom:none}.field-row dt{max-width:38%;color:var(--ink-soft);background:#f8fafc;flex:0 0 38%;padding:10px 14px;font-size:13px;font-weight:600}.field-row dd{word-break:break-word;flex:1;margin:0;padding:10px 14px;font-size:14px}.table-wrap{border:1px solid var(--line);border-radius:10px;margin-bottom:20px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;background:var(--accent-soft);color:var(--accent);white-space:nowrap;padding:10px 12px}td{border-top:1px solid var(--line);padding:9px 12px}.terms{margin:0 0 20px}.terms-title{margin:0 0 8px;font-size:15px;font-weight:700}.terms-text{color:var(--ink);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.65}.notes{color:var(--ink-soft);white-space:pre-wrap;margin:0 0 20px;font-size:13.5px;line-height:1.6}.doc-footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 14px;padding-top:16px;display:flex}.badge{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.footer-note{color:var(--ink-soft);font-size:12px}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.doc-card{padding:20px 16px}.field-row{flex-direction:column}.field-row dt{flex-basis:auto;max-width:100%;padding-bottom:2px}.field-row dd{padding-top:4px}}
