17 lines
1.6 KiB
CSS
17 lines
1.6 KiB
CSS
.page:has(.launch-cover) { max-width: none; margin: 0; padding: 0; }
|
|
.launch-cover { box-sizing: border-box; min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 64px 24px 24px; text-align: center; background: radial-gradient(ellipse at 50% 25%, #252039 0%, transparent 55%), #101012; color: #f4f0ff; }
|
|
.launch-brand { font-size: 14px; letter-spacing: .3em; color: #c7bdff; font-weight: 700; margin-bottom: 36px; }
|
|
.launch-badge { border: 1px solid #6eddec66; color: #8be7f1; border-radius: 30px; padding: 8px 18px; font-size: 12px; letter-spacing: .15em; }
|
|
.launch-cover h1 { font-size: clamp(40px, 7vw, 88px); line-height: 1.08; letter-spacing: -.045em; margin: 28px 0 22px; }
|
|
.launch-cover h1 em { color: #c7bdff; font-style: normal; }
|
|
.launch-intro { max-width: 560px; font-size: 18px; line-height: 1.6; color: #bcb8c9; margin: 0; }
|
|
.launch-path { display: grid; grid-template-columns: repeat(3, 1fr); width: min(580px, 100%); margin: 40px 0 24px; border: 1px solid #ffffff20; border-radius: 16px; background: #ffffff04; }
|
|
.launch-path > div { padding: 22px 12px; display: grid; gap: 8px; }
|
|
.launch-path > div + div { border-left: 1px solid #ffffff15; }
|
|
.launch-path span { color: #8be7f1; font-size: 12px; }
|
|
.launch-path strong { font-size: 18px; }
|
|
.launch-note { color: #a9a4b5; font-size: 14px; }
|
|
.launch-cover footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 64px; font-size: 12px; color: #a9a4b5; }
|
|
.launch-cover footer a { color: #c7bdff; text-underline-offset: 3px; }
|
|
.launch-cover a:focus-visible { outline: 2px solid #8be7f1; outline-offset: 5px; }
|