* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; color: #1f2937; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; background: linear-gradient(150deg, #f7f9fc 0%, #edf3fa 100%); }
.home { flex: 1; display: grid; place-items: center; padding: 48px 20px 32px; }
.home-card { width: min(100%, 480px); padding: clamp(28px, 7vw, 48px); background: #fff; border: 1px solid #e1e8f1; border-radius: 24px; box-shadow: 0 18px 48px rgba(30, 55, 90, .09); }
.brand-mark { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; background: #eaf1ff; color: #2455a6; font-size: 25px; font-weight: 700; }
.eyebrow { margin: 24px 0 8px; font-size: 14px; font-weight: 700; color: #355f9f; letter-spacing: .08em; }
h1 { margin: 0; font-size: clamp(25px, 6vw, 32px); line-height: 1.3; }
.description { margin: 12px 0 26px; color: #596777; font-size: 15px; }
.entries { display: grid; gap: 12px; }
.entry { display: flex; align-items: center; justify-content: space-between; min-height: 82px; padding: 17px 20px; border: 1px solid #dbe4f0; border-radius: 14px; color: #23344f; text-decoration: none; background: #fff; }
.entry-primary { background: #f1f6ff; border-color: #ccdcf6; }
.entry:hover { border-color: #527cb9; }
.entry:focus-visible, .icp-footer a:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.entry strong, .entry small { display: block; }
.entry strong { font-size: 17px; }
.entry small { margin-top: 6px; color: #596777; font-size: 13px; }
.icp-footer { text-align: center; padding: 16px 12px 24px; font-size: 13px; }
.icp-footer a { color: #596777; }