:root { color-scheme:dark; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; color:#edf0f2; background:#202226; line-height:1.85; }
* { box-sizing:border-box; }
body { margin:0; padding-bottom:var(--terms-actions-height,150px); }
html { scroll-padding-bottom:var(--terms-actions-height,150px); }
header,main { width:min(760px,calc(100% - 36px)); margin:auto; }
header { padding:24px 0; border-bottom:1px solid #464b53; }
a { color:#d9dfe5; text-underline-offset:3px; }
header a { font-weight:700; text-decoration:none; }
main { padding:30px 0 60px; }
h1 { font-size:clamp(24px,5vw,32px); line-height:1.5; margin:0; }
h2 { font-size:19px; margin:30px 0 10px; }
p,li { font-size:14px; overflow-wrap:anywhere; }
.date { color:#b5bbc1; font-size:12px; }
ul { padding-left:22px; }
li { margin:8px 0; }
section { scroll-margin-top:18px; }
.terms-actions { position:fixed; inset:auto 0 0; z-index:10; padding:12px 18px calc(16px + env(safe-area-inset-bottom,0px)); background:#202226; border-top:1px solid #464b53; box-shadow:0 -8px 24px #0003; }
.terms-actions-inner { width:min(760px,100%); margin:auto; }
#terms-page-status { margin:0 0 8px; color:#b5bbc1; font-size:12px; text-align:center; }
#terms-proceed { display:flex; align-items:center; justify-content:center; gap:16px; width:100%; min-height:54px; padding:12px 20px; border:0; border-radius:10px; background:#b5a0ff; color:#201a30; font:700 16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif; cursor:pointer; }
#terms-proceed:enabled:hover { background:#c9baff; }
#terms-proceed:focus-visible { outline:3px solid #e1d7ff; outline-offset:3px; }
#terms-proceed:disabled { background:#454950; color:#aeb3bb; cursor:not-allowed; }