13 lines
1.3 KiB
CSS
13 lines
1.3 KiB
CSS
:root { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; color: #1f2937; background: #f3f6fa; font-synthesis: none; }
|
|
* { box-sizing: border-box; }
|
|
body { min-width: 320px; min-height: 100vh; margin: 0; }
|
|
.handoff-page { width: min(560px, calc(100% - 32px)); min-height: 100vh; margin: 0 auto; display: grid; align-content: center; justify-items: start; gap: 16px; }
|
|
.handoff-mark { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 9px; color: #fff; background: #0052d9; font-size: 22px; font-weight: 700; }
|
|
.eyebrow { margin: 10px 0 0; color: #7b8794; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
|
|
h1 { max-width: 500px; margin: 0; color: #111827; font-size: clamp(26px, 5vw, 38px); line-height: 1.2; }
|
|
.muted { max-width: 510px; margin: 0; color: #687585; font-size: 14px; line-height: 1.75; }
|
|
.primary { display: inline-flex; align-items: center; min-height: 40px; padding: 0 18px; border-radius: 5px; color: #fff; background: #0052d9; text-decoration: none; font-size: 13px; }
|
|
.primary:hover { background: #003cab; }
|
|
.security-note { margin: 8px 0 0; color: #9aa5b4; font-size: 11px; }
|
|
@media (max-width: 480px) { .handoff-page { width: calc(100% - 24px); } h1 { font-size: 28px; } }
|