#screen-home {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 16px;

	* { box-sizing: border-box; margin: 0; padding: 0; }

	.page {
		width: 100%;
		max-width: 420px;
	}

	.panel-header {
		margin-bottom: 28px;
	}

	h1 {
		font-size: clamp(2rem, 8vw, 2.8rem);
		letter-spacing: -0.04em;
		line-height: 1.1;
	}

	.subtitle {
		margin-top: 10px;
		color: var(--muted);
		font-size: 0.88rem;
		line-height: 1.7;
	}

	.card {
		background: #fff;
		border: 1px solid var(--panel-border);
		border-radius: 20px;
		padding: 32px;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.btn {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 14px 20px;
		border-radius: 999px;
		font-family: inherit;
		font-size: 0.95rem;
		font-weight: 700;
		text-decoration: none;
		cursor: pointer;
		border: 1px solid transparent;
	}

	.btn:hover { opacity: 0.88; }

	.btn--primary {
		background: var(--accent);
		color: #fff;
		border-color: var(--accent);
	}

	.btn--ghost {
		background: #fff;
		color: var(--text);
		border-color: var(--panel-strong);
	}

	.btn--ghost:hover { background: #f5f5f5; opacity: 1; }

	.btn-arrow {
		font-family: system-ui, sans-serif;
		font-size: 1rem;
		opacity: 0.7;
	}

	.divider {
		height: 1px;
		background: var(--panel-border);
		margin: 4px 0;
	}
}