:root{--page:#0f0f12;--bg:#000000;--text:#e8e7ee;--muted:#b8b7c4;--accent:#b4a9ff;--line:#26262e;color-scheme:dark;}
:root[data-theme="light"]{--page:#f3f2f7;--bg:#ffffff;--text:#1c1b26;--muted:#55546b;--accent:#5a45e0;--line:#dddbe8;color-scheme:light;}

body{margin:0;background:var(--page);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;overflow-wrap:anywhere;-webkit-text-size-adjust:100%;}
a{color:var(--accent);text-decoration:none;}
a:hover{color:var(--text);text-decoration:underline;}

.page{position:relative;box-sizing:border-box;width:100%;max-width:36rem;min-height:100vh;margin:0 auto;
  padding:clamp(4.5rem,12vw,6rem) clamp(1.25rem,5vw,1.5rem) 3rem;
  display:flex;flex-direction:column;gap:2.5rem;font-size:1.125rem;line-height:1.7;background:var(--bg);}

h1{margin:0;font-size:clamp(2.5rem,10vw,3.5rem);line-height:1.1;letter-spacing:.02em;font-weight:700;text-align:center;}

.text{display:flex;flex-direction:column;gap:1rem;text-wrap:pretty;}
.text p{margin:0;color:var(--muted);}
.text .lead{font-size:1.25rem;font-weight:600;color:var(--text);}

.links{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;font-size:1rem;border-top:1px solid var(--line);padding-top:1.5rem;}
.links a{display:flex;align-items:center;gap:.5rem;min-height:44px;}
.icon{width:18px;height:18px;flex:none;}

.theme-toggle{position:absolute;top:1.25rem;right:1.25rem;width:44px;height:44px;padding:0;border-radius:50%;
  border:1px solid var(--line);background:transparent;color:var(--text);font-size:1.25rem;cursor:pointer;display:grid;place-items:center;}
.theme-toggle:hover{border-color:var(--accent);}