:root {
  color-scheme: light;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  color: #17324d;
  background: #f3f6f7;
}

* { box-sizing: border-box; }
body { margin: 0; padding: 32px 18px; background: #f3f6f7; }
.policy-page { max-width: 820px; margin: 0 auto; overflow: hidden; border: 1px solid #e4ded2; border-radius: 24px; background: #fff; box-shadow: 0 20px 50px rgba(31,57,78,.11); }
.policy-head { padding: 28px 34px; border-bottom: 1px solid #eee5d7; background: #fffdf7; }
.brand { color: #17324d; font-size: 18px; font-weight: 900; text-decoration: none; }
.policy-body { padding: 44px 50px 48px; }
.policy-body h1 { margin: 0 0 12px; font-size: clamp(31px,5vw,45px); line-height: 1.08; }
.intro { margin: 0 0 30px; color: #60717c; font-size: 16px; line-height: 1.65; }
.policy-body h2 { margin: 30px 0 9px; color: #224756; font-size: 20px; }
.policy-body p, .policy-body li { color: #5d6e78; font-size: 14px; line-height: 1.68; }
.policy-body ul { padding-left: 22px; }
.notice { margin: 28px 0; padding: 17px 19px; border-left: 5px solid #35a17e; border-radius: 8px 14px 14px 8px; background: #eaf7f2; color: #285749; font-size: 14px; line-height: 1.6; }
body[data-payment-state="pending"] .notice, body[data-payment-state="checking"] .notice { border-left-color: #e2a43a; background: #fff6df; color: #6d521d; }
body[data-payment-state="failed"] .notice { border-left-color: #c85c42; background: #fff0eb; color: #793826; }
.action { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; margin-top: 20px; padding: 0 20px; border-radius: 12px; background: #df642f; color: #fff; font-weight: 850; text-decoration: none; box-shadow: 0 6px 0 #ad3f1b; }
.contact { padding: 22px 34px; background: #173b4d; color: #dce8eb; font-size: 12px; line-height: 1.65; text-align: center; }
.contact a { color: #ffd469; }
@media(max-width:620px){ body{padding:0}.policy-page{border:0;border-radius:0;box-shadow:none}.policy-head{padding:21px 24px}.policy-body{padding:36px 25px 42px}.contact{padding:22px 25px} }