:root{font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#f8f4f5;background:#171317}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 84% 10%,#5a1729 0,#24131b 34%,#171317 70%)}
.shell,.document{max-width:1080px;margin:auto;padding:42px 28px}
.brand{display:flex;align-items:center;gap:14px}
.brand strong{display:block;font-size:26px}
.brand span{display:block;color:#c6a7ae;font-size:11px;letter-spacing:1.8px}
.site-logo{width:52px;height:52px;object-fit:contain;border-radius:14px;border:1px solid rgb(255 255 255 / .18);box-shadow:0 18px 40px rgb(0 0 0 / .24);background:#fff1}
.mark{width:48px;height:48px;border-radius:14px;background:#7a1e37;color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:-2px;box-shadow:0 16px 42px rgb(0 0 0 / .28)}
.hero{padding:130px 0 82px;max-width:760px}
.eyebrow{color:#d6ad68;font-weight:800;letter-spacing:.3px}
.hero h1{font-size:clamp(44px,7vw,78px);line-height:1.08;margin:18px 0}
.lead{font-size:20px;line-height:1.85;color:#d4c9cc;max-width:700px}
.button{display:inline-block;margin-top:26px;padding:14px 28px;border-radius:12px;background:#861f3e;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 16px 38px rgb(134 31 62 / .32)}
.purpose-card{margin:0 0 78px;padding:30px;border:1px solid rgb(226 185 111 / .22);border-radius:24px;background:linear-gradient(135deg,rgb(255 255 255 / .075),rgb(255 255 255 / .025));box-shadow:0 28px 80px rgb(0 0 0 / .24);max-width:820px}
.purpose-card h2{font-size:32px;margin:10px 0 12px}
.purpose-card p{font-size:18px;line-height:1.85;color:#ddd0d4;margin:0 0 18px}
.purpose-card .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.purpose-card .grid div{position:relative;padding:14px 18px;border-radius:16px;background:rgb(255 255 255 / .055);color:#f3ecee}
.purpose-card .grid div::before{content:"";display:inline-block;width:8px;height:8px;border-radius:99px;background:#d6ad68;margin-inline-end:10px}
footer{display:flex;gap:26px;align-items:center;color:#a9949b;border-top:1px solid #3c2931;padding-top:22px}
footer a,.document a{color:#e2b96f;text-decoration:none}
.document{max-width:820px;line-height:1.9}
.document h1{font-size:46px;margin-top:80px}.document h2{margin-top:38px;color:#e2b96f}
.back{font-weight:700}
@media(max-width:600px){.shell,.document{padding:26px 20px}.hero{padding:86px 0 54px}.hero h1{font-size:42px}.purpose-card{padding:22px;margin-bottom:56px}.purpose-card .grid{grid-template-columns:1fr}footer{flex-wrap:wrap}}

.official-card {
  border-color: rgb(214 173 104 / .45);
  background: linear-gradient(135deg, rgb(134 31 62 / .24), rgb(255 255 255 / .04));
}

.english-purpose {
  direction: ltr;
  text-align: left;
  font-family: "Segoe UI", Arial, sans-serif;
}