@font-face {
	font-family: 'Unica77';
	src: url('/fonts/Unica77LLWeb-Regular.woff2') format('woff2');
	font-weight: 400;
	font-display: swap;
}
:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; background: #09090b; color: #fafafa; }
body {
	font-family: 'Unica77', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 48px 16px;
}
.wrap { width: 100%; max-width: 480px; }
.mark { display: block; margin-bottom: 32px; opacity: 0.9; }
h1 { font-size: 26px; line-height: 1.15; letter-spacing: -0.02em; font-weight: 400; margin: 0 0 16px; }
p { font-size: 15px; line-height: 1.55; color: #a1a1aa; margin: 0 0 12px; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.actions a {
	display: inline-flex; align-items: center; height: 42px; padding: 0 20px;
	border-radius: 999px; font-size: 14px; text-decoration: none;
}
.primary { background: #3ddc97; color: #09090b; }
.primary:hover { background: #5ce6aa; }
.secondary { color: #fafafa; border: 1px solid rgba(255, 255, 255, 0.14); }
.secondary:hover { border-color: rgba(255, 255, 255, 0.3); }
a:focus-visible { outline: 2px solid #3ddc97; outline-offset: 2px; }