:root{--ink:#171b2a;--muted:#6f687a;--line:#d2cde2;--paper:#fffcfa;--accent:#705dff;--max:920px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#fffcfa,#f5f0ff 72%,#fff4f0);color:var(--ink);font-family:Inter,Arial,"Segoe UI",sans-serif;letter-spacing:0}
.wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto}
a{color:inherit}
.bar{background:rgba(255,255,255,.82);color:var(--ink);border-bottom:1px solid rgba(112,93,255,.14);backdrop-filter:blur(14px)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850}
.brand img{width:36px;height:36px;border-radius:8px}
.back{font-size:14px;color:var(--muted)}
main{padding:76px 0 110px}
.eyebrow{font-size:13px;font-weight:850;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
h1{font-size:clamp(42px,7vw,72px);line-height:1;margin:0 0 22px;letter-spacing:0}
.lead{font-size:19px;line-height:1.6;color:var(--muted);margin:0 0 48px}
.meta{display:flex;gap:20px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:13px;margin-bottom:48px}
.content{display:grid;gap:36px}
.content section{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 16px 40px rgba(80,62,145,.06)}
.content h2{margin:0 0 14px;font-size:24px}
.content p,.content li{color:#5e5869;line-height:1.7}
.content ul{padding-left:20px}
.notice{background:linear-gradient(120deg,#e9fbff,#ede9ff 58%,#ffeaf1)!important;border-color:rgba(112,93,255,.2)!important}
.notice p{color:#514a61}
.contact{font-weight:800}
footer{background:#ede9ff;color:var(--muted);padding:30px 0;font-size:12px;border-top:1px solid rgba(112,93,255,.14)}
@media(max-width:560px){.wrap{width:min(var(--max),calc(100% - 28px))}main{padding:54px 0 76px}.content section{padding:20px}h1{font-size:42px}}