:root { color-scheme: light; font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; color: #251f38; background: #f6f2ff; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.75; }
a { color: #6346d8; }
.page { width: min(900px, calc(100% - 32px)); margin: 0 auto; padding: 32px 0 72px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: #251f38; text-decoration: none; font-weight: 800; }
.brand img { width: 42px; height: 42px; border-radius: 13px; }
.hero, .card { background: rgba(255,255,255,.92); border: 1px solid rgba(99,70,216,.14); box-shadow: 0 18px 60px rgba(65,45,120,.1); }
.hero { margin-top: 42px; padding: clamp(28px, 6vw, 64px); border-radius: 32px; }
.eyebrow { color: #7456e8; font-size: .84rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 10px 0 16px; font-size: clamp(2.3rem, 7vw, 4.8rem); line-height: 1.05; letter-spacing: -.045em; }
.lead { font-size: 1.15rem; color: #514968; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 18px; }
.card { padding: 26px; border-radius: 22px; }
.card h2 { margin-top: 0; }
dl { display: grid; grid-template-columns: 9rem 1fr; gap: 8px 18px; margin: 0; }
dt { font-weight: 800; }
dd { margin: 0; }
.links a { display: block; margin: 8px 0; }
footer { margin-top: 30px; color: #6d6680; font-size: .9rem; }
@media (max-width: 680px) { .grid { grid-template-columns: 1fr; } dl { grid-template-columns: 1fr; gap: 2px; } dd { margin-bottom: 10px; } }