/* Reset basique */
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;margin:0}

/* Couleurs auto light/dark */
:root{--bg:#0f172a;--fg:#e2e8f0;--muted:#94a3b8;--accent:#22d3ee}
@media (prefers-color-scheme: light){
	:root{--bg:#f8fafc;--fg:#0f172a;--muted:#475569}
}

/* Layout */
body{
	display:flex;align-items:center;justify-content:center;
	background:var(--bg);color:var(--fg);
	font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
	line-height:1.5
}
.container{max-width:720px;padding:2rem;text-align:center}

/* Visuel */
.logo{width:min(220px,45vw);height:auto;margin:0 auto 1rem;display:block;filter:drop-shadow(0 8px 24px rgba(0,0,0,.25))}
.brand{font-size:clamp(2rem,6vw,3rem);margin:.25rem 0 0}
.tagline{font-size:clamp(1rem,3.2vw,1.125rem);opacity:.9;color:var(--muted);margin:.5rem 0 0}

/* Accessibilité focus */
:focus{outline:2px solid var(--accent);outline-offset:4px}