:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; color:#352c28; background:#e9e1d3; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; }
main { min-height:100vh; padding:48px 24px 28px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; overflow:hidden; background:radial-gradient(circle at 14% 9%,#f8f2e7 0 8%,transparent 29%),linear-gradient(130deg,#d9c7b4,#f3ecdf 52%,#cbb8a2); }
.sun { width:520px; height:520px; position:absolute; top:-285px; right:-155px; border-radius:50%; border:1px solid rgba(98,74,51,.18); box-shadow:0 0 0 22px rgba(255,255,255,.08),0 0 0 75px rgba(255,255,255,.06); }
.card { width:min(100%,700px); padding:clamp(38px,7vw,76px); text-align:center; position:relative; background:rgba(255,252,245,.7); border:1px solid rgba(85,63,45,.18); box-shadow:0 25px 70px rgba(63,43,29,.16); backdrop-filter:blur(10px); }
.card:before,.card:after { content:""; position:absolute; width:42px; height:42px; border-color:#9c8061; opacity:.55; }.card:before { left:16px; top:16px; border-left:1px solid; border-top:1px solid; }.card:after { right:16px; bottom:16px; border-right:1px solid; border-bottom:1px solid; }
.language { display:flex; justify-content:center; gap:9px; align-items:center; position:absolute; top:22px; right:26px; color:#a48d79; font-size:10px; letter-spacing:.08em; }.language-button { border:0; background:transparent; padding:3px; color:#9a816b; font:inherit; cursor:pointer; }.language-button.active { color:#60402f; text-decoration:underline; text-underline-offset:4px; }.language-button:focus-visible { outline:1px solid #60402f; outline-offset:3px; }.eyebrow { margin:0 0 31px; font-size:10px; letter-spacing:.19em; color:#876d58; }.mark { color:#a87645; font-size:24px; margin-bottom:21px; }
h1 { font-family:Georgia, "Times New Roman", serif; font-size:clamp(36px,6vw,60px); font-weight:500; line-height:1.11; letter-spacing:-.045em; margin:0; } h1 em { color:#9c6846; font-weight:500; }
.intro { max-width:485px; margin:34px auto 31px; font-family:Georgia, "Times New Roman", serif; font-size:18px; line-height:1.57; color:#66544a; }
.donate { display:flex; justify-content:space-between; align-items:center; gap:24px; max-width:350px; margin:0 auto; padding:17px 20px 17px 23px; background:#60402f; color:#fffaf1; text-decoration:none; font-size:12px; letter-spacing:.055em; transition:transform .2s,background .2s; }.donate:hover,.donate:focus-visible { transform:translateY(-3px); background:#7a513b; }.donate span:last-child { font-size:18px; }
.note { margin:17px 0 0; color:#907968; font-size:9px; letter-spacing:.1em; }.footer { position:absolute; bottom:20px; margin:0; color:#755f50; font-size:10px; letter-spacing:.12em; }
@media (max-width:520px) { main { padding:28px 16px 58px; } .card { padding:44px 25px 52px; } .intro { font-size:17px; } .eyebrow { font-size:9px; } }