@charset "UTF-8";

/* Variables & Reset */
:root {
	--bg1: #020B1C;
	--bg2: #061E45;

	--text: #F7FBFF;
	--muted: rgba(226, 241, 255, .78);

	--cream: #F8FBFF;
	--cream-2: #9FCBE6;
	--gold: #8FE8FF;
	--gold-soft: rgba(143, 232, 255, .28);

	--card: rgba(5, 28, 65, .78);
	--border: rgba(174, 224, 255, .36);

	--shadow-soft:
		0 24px 70px rgba(0, 8, 28, .58),
		inset 0 1px 0 rgba(255, 255, 255, .14);
	--shadow-glow:
		0 0 44px rgba(72, 190, 255, .26),
		0 0 90px rgba(255, 255, 255, .10);

	--radius-lg: 22px;
	--radius-md: 16px;

	--accent-color: var(--gold);
}

* { box-sizing: border-box; }

html, body {
	margin: 0;
	padding: 0;
	color: var(--text);
	font-family:
		Poppins, Inter, system-ui, -apple-system,
		"Segoe UI", Roboto, Arial, sans-serif;
	overflow-x: hidden;
	position: relative;
}

/* Texte */
h1 {
	letter-spacing: .8px;
	font-size: clamp(2rem, 4.3vw, 4rem);
	line-height: .92;
	margin: 0 0 10px;
	font-weight: 900;
	color: var(--text);
	text-shadow:
		0 2px 18px rgba(0, 0, 0, .48),
		0 0 24px rgba(143, 232, 255, .18);
}

h2 {
	letter-spacing: .18em;
	margin: 10px 0 14px;
	font-size: 1.5rem;	
	color: var(--text);
	text-shadow:
		0 2px 16px rgba(0, 0, 0, .42),
		0 0 18px rgba(143, 232, 255, .14);
}