/* mln-welcome.css — page d'accueil MLN (partagé entre welcome.html et flow.html Authentik)
   v1 */

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

:root{
  --bg:#1C1B18;--bg2:#242320;--bg3:#2E2C28;
  --border:rgba(220,201,169,0.10);--border2:rgba(220,201,169,0.22);
  --accent:#B83A2D;--sage:#4E6851;--cream:#DCC9A9;
  --muted:rgba(220,201,169,0.42);
  --mono:'IBM Plex Mono',monospace;
  --display:'Bebas Neue',sans-serif;
  --jp:'Noto Serif JP',serif;
}

html[data-theme="vinyle"]{
  --bg:#100E0B;--bg2:#1A1713;--bg3:#231F1A;
  --border:rgba(200,120,10,0.12);--border2:rgba(200,120,10,0.24);
  --accent:#C84020;--sage:#5A7A55;--cream:#F0DDB8;
  --muted:rgba(240,221,184,0.4);
}
html[data-theme="cyberpunk"]{
  --bg:#07050f;--bg2:#0e0b1e;--bg3:#14102a;
  --border:rgba(255,45,120,0.12);--border2:rgba(255,45,120,0.30);
  --accent:#FF2D78;--sage:#00E5FF;--cream:#e8e0ff;
  --muted:rgba(0,229,255,0.45);
  --mono:'IBM Plex Mono',monospace;
  --display:'Bebas Neue',sans-serif;
}
html[data-theme="8bit"],html[data-theme="1bit"]{
  --bg:#0a0a0a;--bg2:#111;--bg3:#1a1a1a;
  --border:rgba(255,255,255,0.10);--border2:rgba(255,255,255,0.20);
  --accent:#00ff41;--sage:#00ff41;--cream:#e0e0e0;
  --muted:rgba(224,224,224,0.4);
}

html,body{height:100%;background:var(--bg);color:var(--cream);font-family:var(--mono);overflow:hidden}

/* Scanlines CRT */
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.055) 2px,rgba(0,0,0,0.055) 4px)}
/* Grain */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.35;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E")}

#mln-welcome{position:relative;z-index:1;height:100dvh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:2rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom));
  gap:0;transition:opacity .35s ease,transform .35s ease}
#mln-welcome.hiding{opacity:0;transform:translateY(-12px);pointer-events:none}

.mln-logo{margin-bottom:2rem;opacity:0;animation:fadeUp .6s ease .1s forwards}
.mln-logo svg{width:48px;height:48px}

.mln-title{font-family:var(--display);font-size:clamp(3.5rem,12vw,6.5rem);letter-spacing:.04em;
  line-height:.92;color:var(--cream);opacity:0;animation:fadeUp .6s ease .2s forwards}
.mln-title .last{color:var(--accent)}

html[data-theme="cyberpunk"] .mln-title{
  color:#FF2D78;text-shadow:0 0 20px rgba(255,45,120,.7),0 0 40px rgba(255,45,120,.3);
  font-size:clamp(2.2rem,9vw,5rem);letter-spacing:.12em}
html[data-theme="cyberpunk"] .mln-title .last{color:#FF2D78}
html[data-theme="cyberpunk"] .mln-title-ja{color:#00E5FF;text-shadow:0 0 8px rgba(0,229,255,.5)}
html[data-theme="cyberpunk"] .mln-tagline{color:rgba(0,229,255,.5);letter-spacing:.25em}

.mln-title-ja{font-family:var(--jp);font-weight:900;font-size:.75rem;color:var(--sage);
  letter-spacing:.18em;margin-top:.5rem;opacity:0;animation:fadeUp .6s ease .3s forwards}
.mln-tagline{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);
  margin-top:.6rem;margin-bottom:2.5rem;opacity:0;animation:fadeUp .6s ease .4s forwards}
.mln-divider{width:80px;height:1px;background:linear-gradient(to right,transparent,var(--border2),transparent);
  margin-bottom:2.5rem;opacity:0;animation:fadeUp .6s ease .48s forwards}
.mln-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:300px;
  opacity:0;animation:fadeUp .6s ease .55s forwards}

.mln-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;
  padding:.85rem 1.5rem;border-radius:8px;font-family:var(--mono);
  font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:none;cursor:pointer;border:none;transition:all .2s ease;width:100%}
.mln-btn-primary{background:rgba(184,58,45,.15);border:1px solid rgba(184,58,45,.4);color:#C4593F}
.mln-btn-primary:hover{background:rgba(184,58,45,.25);border-color:rgba(184,58,45,.7);
  transform:translateY(-1px);box-shadow:0 6px 20px rgba(184,58,45,.18)}
.mln-btn-primary:active{transform:translateY(0)}
.mln-btn-secondary{background:rgba(78,104,81,.08);border:1px solid rgba(78,104,81,.25);color:var(--sage)}
.mln-btn-secondary:hover{background:rgba(78,104,81,.18);border-color:rgba(78,104,81,.5);transform:translateY(-1px)}
.mln-btn-secondary:active{transform:translateY(0)}
.mln-btn svg{width:14px;height:14px;flex-shrink:0;opacity:.85}
.mln-btn.loading{opacity:.55;pointer-events:none}

html[data-theme="cyberpunk"] .mln-btn{border-radius:0}
html[data-theme="cyberpunk"] .mln-btn-primary{
  background:rgba(255,45,120,.1);border-color:rgba(255,45,120,.45);
  color:#FF2D78;text-shadow:0 0 6px rgba(255,45,120,.4)}
html[data-theme="cyberpunk"] .mln-btn-primary:hover{
  background:rgba(255,45,120,.2);border-color:#FF2D78;box-shadow:0 0 18px rgba(255,45,120,.3)}
html[data-theme="cyberpunk"] .mln-btn-secondary{
  background:rgba(0,229,255,.06);border-color:rgba(0,229,255,.25);
  color:#00E5FF;text-shadow:0 0 6px rgba(0,229,255,.3)}
html[data-theme="cyberpunk"] .mln-btn-secondary:hover{
  background:rgba(0,229,255,.14);border-color:#00E5FF;box-shadow:0 0 18px rgba(0,229,255,.2)}

.mln-footer{position:absolute;bottom:calc(1.5rem + env(safe-area-inset-bottom));
  font-size:.55rem;letter-spacing:.14em;color:rgba(220,201,169,.2);text-transform:uppercase;
  opacity:0;animation:fadeUp .6s ease .75s forwards}

@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}