/* ==========================================================================
   Portail SIO — pages d'authentification (connexion, inscription, mot de passe)
   ========================================================================== */
* { margin:0; padding:0; box-sizing:border-box}
body.au { font-family:"Inter", sans-serif; background:var(--sio-page); color:var(--sio-tx1); min-height:100vh}
.au a { color:var(--sio-blue); text-decoration:none} .au a:hover { color:var(--sio-blue-l)}
.au-wrap { display:grid; grid-template-columns:minmax(360px, 44%) 1fr; min-height:100vh}

/* Panneau de gauche */
.au-side { position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; padding:40px 48px;
    background:radial-gradient(700px 420px at 0% 0%, #d7e8fe, transparent 60%),
               radial-gradient(600px 400px at 100% 100%, #ebe4fe, transparent 60%), #ffffff;
    border-right:1px solid var(--sio-line);--sio-tx1:var(--sio-ink-tx1);--sio-tx2:var(--sio-ink-tx2);--sio-tx3:var(--sio-ink-tx3);--sio-tx4:var(--sio-ink-tx4);--sio-line:var(--sio-ink-line);--sio-blue:var(--sio-ink-blue);--sio-blue-l:var(--sio-ink-blue-l);--sio-cyan:var(--sio-ink-cyan);--sio-green:var(--sio-ink-green);--sio-green-l:var(--sio-ink-green-l);--sio-indigo:var(--sio-ink-indigo);--sio-orange:var(--sio-ink-orange);--sio-orange-l:var(--sio-ink-orange-l);--sio-pink:var(--sio-ink-pink);--sio-red:var(--sio-ink-red);--sio-red-l:var(--sio-ink-red-l);--sio-teal:var(--sio-ink-teal);--sio-violet:var(--sio-ink-violet);--sio-yellow:var(--sio-ink-yellow);--sio-yellow-l:var(--sio-ink-yellow-l);color:var(--sio-tx1);}
.au-brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; font-size:1.1rem; color:var(--sio-tx1) !important}
.au-brand b { background:linear-gradient(135deg, var(--sio-blue), var(--sio-violet)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
.au-logo { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; font-size:1.25rem; color:#fff;
    background:linear-gradient(135deg, #3b82f6, #8b5cf6); box-shadow:0 6px 18px rgba(99,102,241,0.4)}
.au-pitch h2 { font-size:2.1rem; font-weight:800; letter-spacing:-0.025em; line-height:1.15; color:var(--sio-tx1)}
.au-pitch h2 span { background:linear-gradient(135deg, var(--sio-blue), var(--sio-violet)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
.au-pitch > p { color:var(--sio-tx3); margin:12px 0 28px; font-size:0.98rem; line-height:1.55; max-width:420px}
.au-pitch ul { list-style:none; display:flex; flex-direction:column; gap:14px}
.au-pitch li { display:flex; align-items:center; gap:14px; padding:12px 14px; border-radius:14px; background:#ffffff; border:1px solid var(--sio-line); max-width:440px;--sio-tx1:var(--sio-ink-tx1);--sio-tx2:var(--sio-ink-tx2);--sio-tx3:var(--sio-ink-tx3);--sio-tx4:var(--sio-ink-tx4);--sio-line:var(--sio-ink-line);--sio-blue:var(--sio-ink-blue);--sio-blue-l:var(--sio-ink-blue-l);--sio-cyan:var(--sio-ink-cyan);--sio-green:var(--sio-ink-green);--sio-green-l:var(--sio-ink-green-l);--sio-indigo:var(--sio-ink-indigo);--sio-orange:var(--sio-ink-orange);--sio-orange-l:var(--sio-ink-orange-l);--sio-pink:var(--sio-ink-pink);--sio-red:var(--sio-ink-red);--sio-red-l:var(--sio-ink-red-l);--sio-teal:var(--sio-ink-teal);--sio-violet:var(--sio-ink-violet);--sio-yellow:var(--sio-ink-yellow);--sio-yellow-l:var(--sio-ink-yellow-l);color:var(--sio-tx1);}
.au-pitch li > .ti { width:40px; height:40px; flex-shrink:0; border-radius:11px; display:grid; place-items:center; font-size:1.25rem;
    color:var(--c); background:color-mix(in srgb, var(--c) 16%, #ffffff);--sio-tx1:var(--sio-ink-tx1);--sio-tx2:var(--sio-ink-tx2);--sio-tx3:var(--sio-ink-tx3);--sio-tx4:var(--sio-ink-tx4);--sio-line:var(--sio-ink-line);--sio-blue:var(--sio-ink-blue);--sio-blue-l:var(--sio-ink-blue-l);--sio-cyan:var(--sio-ink-cyan);--sio-green:var(--sio-ink-green);--sio-green-l:var(--sio-ink-green-l);--sio-indigo:var(--sio-ink-indigo);--sio-orange:var(--sio-ink-orange);--sio-orange-l:var(--sio-ink-orange-l);--sio-pink:var(--sio-ink-pink);--sio-red:var(--sio-ink-red);--sio-red-l:var(--sio-ink-red-l);--sio-teal:var(--sio-ink-teal);--sio-violet:var(--sio-ink-violet);--sio-yellow:var(--sio-ink-yellow);--sio-yellow-l:var(--sio-ink-yellow-l);}
.au-pitch li b { display:block; color:var(--sio-tx1); font-size:0.92rem} .au-pitch li span { color:var(--sio-tx3); font-size:0.8rem}
.au-school { color:var(--sio-tx4); font-size:0.8rem; display:flex; align-items:center; gap:6px}

/* Zone du formulaire */
.au-main { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px 24px; gap:18px}
.au-brand-m { display:none}
.au-card { width:100%; max-width:440px}
.au-card.wide { max-width:560px}
.au-head { margin-bottom:26px}
.au-ico { width:52px; height:52px; border-radius:15px; display:grid; place-items:center; font-size:1.6rem; margin-bottom:16px;
    color:var(--c, var(--sio-blue)); background:color-mix(in srgb, var(--c, #60a5fa) 15%, #ffffff); border:1px solid color-mix(in srgb, var(--c, #60a5fa) 30%, transparent);--sio-tx1:var(--sio-ink-tx1);--sio-tx2:var(--sio-ink-tx2);--sio-tx3:var(--sio-ink-tx3);--sio-tx4:var(--sio-ink-tx4);--sio-line:var(--sio-ink-line);--sio-blue:var(--sio-ink-blue);--sio-blue-l:var(--sio-ink-blue-l);--sio-cyan:var(--sio-ink-cyan);--sio-green:var(--sio-ink-green);--sio-green-l:var(--sio-ink-green-l);--sio-indigo:var(--sio-ink-indigo);--sio-orange:var(--sio-ink-orange);--sio-orange-l:var(--sio-ink-orange-l);--sio-pink:var(--sio-ink-pink);--sio-red:var(--sio-ink-red);--sio-red-l:var(--sio-ink-red-l);--sio-teal:var(--sio-ink-teal);--sio-violet:var(--sio-ink-violet);--sio-yellow:var(--sio-ink-yellow);--sio-yellow-l:var(--sio-ink-yellow-l);}
.au-head h1 { font-size:1.75rem; font-weight:800; letter-spacing:-0.02em; color:var(--sio-tx1)}
.au-head p { color:var(--sio-tx3); margin-top:6px; font-size:0.95rem}
.au-back { color:var(--sio-tx4) !important; font-size:0.85rem; display:inline-flex; align-items:center; gap:6px}
.au-back:hover { color:var(--sio-tx2) !important}

/* Champs */
.au-form { display:flex; flex-direction:column; gap:16px}
.au-row2 { display:grid; grid-template-columns:1fr 1fr; gap:12px}
.au-label { display:block; font-size:0.82rem; font-weight:600; color:var(--sio-tx2); margin-bottom:6px}
.au-label small { color:var(--sio-tx4); font-weight:500}
.au-input { display:flex; align-items:center; gap:10px; padding:0 12px 0 14px; border-radius:12px; background:#ffffff;
    border:1px solid var(--sio-line); transition:border-color .2s, box-shadow .2s, background .2s;--sio-tx1:var(--sio-ink-tx1);--sio-tx2:var(--sio-ink-tx2);--sio-tx3:var(--sio-ink-tx3);--sio-tx4:var(--sio-ink-tx4);--sio-line:var(--sio-ink-line);--sio-blue:var(--sio-ink-blue);--sio-blue-l:var(--sio-ink-blue-l);--sio-cyan:var(--sio-ink-cyan);--sio-green:var(--sio-ink-green);--sio-green-l:var(--sio-ink-green-l);--sio-indigo:var(--sio-ink-indigo);--sio-orange:var(--sio-ink-orange);--sio-orange-l:var(--sio-ink-orange-l);--sio-pink:var(--sio-ink-pink);--sio-red:var(--sio-ink-red);--sio-red-l:var(--sio-ink-red-l);--sio-teal:var(--sio-ink-teal);--sio-violet:var(--sio-ink-violet);--sio-yellow:var(--sio-ink-yellow);--sio-yellow-l:var(--sio-ink-yellow-l);color:var(--sio-tx1);}
.au-input:focus-within { border-color:#60a5fa; box-shadow:0 0 0 3px rgba(96,165,250,0.16); background:#f8fbff;--sio-tx1:var(--sio-ink-tx1);--sio-tx2:var(--sio-ink-tx2);--sio-tx3:var(--sio-ink-tx3);--sio-tx4:var(--sio-ink-tx4);--sio-line:var(--sio-ink-line);--sio-blue:var(--sio-ink-blue);--sio-blue-l:var(--sio-ink-blue-l);--sio-cyan:var(--sio-ink-cyan);--sio-green:var(--sio-ink-green);--sio-green-l:var(--sio-ink-green-l);--sio-indigo:var(--sio-ink-indigo);--sio-orange:var(--sio-ink-orange);--sio-orange-l:var(--sio-ink-orange-l);--sio-pink:var(--sio-ink-pink);--sio-red:var(--sio-ink-red);--sio-red-l:var(--sio-ink-red-l);--sio-teal:var(--sio-ink-teal);--sio-violet:var(--sio-ink-violet);--sio-yellow:var(--sio-ink-yellow);--sio-yellow-l:var(--sio-ink-yellow-l);color:var(--sio-tx1);}
.au-input > .ti { color:var(--sio-tx4); font-size:1.15rem; flex-shrink:0}
.au-input:focus-within > .ti { color:var(--sio-blue)}
.au-input input { flex:1; min-width:0; padding:13px 0; background:transparent; border:none; outline:none; color:var(--sio-tx1); font:500 0.95rem "Inter", sans-serif}
.au-input input::placeholder { color:var(--sio-tx4)}
/* Remplissage automatique du navigateur : garder le thème sombre */
.au-input input:-webkit-autofill, .au-input input:-webkit-autofill:hover, .au-input input:-webkit-autofill:focus {
    -webkit-text-fill-color:var(--sio-tx1); caret-color:var(--sio-tx1); -webkit-box-shadow:0 0 0 1000px #ffffff inset; transition:background-color 9999s ease-out}
.au-eye { background:none; border:none; cursor:pointer; color:var(--sio-tx3); font-size:1.15rem; padding:6px; border-radius:8px; display:grid; place-items:center}
.au-eye:hover { color:var(--sio-tx1); background:#f1f5f9;--sio-tx1:var(--sio-ink-tx1);--sio-tx2:var(--sio-ink-tx2);--sio-tx3:var(--sio-ink-tx3);--sio-tx4:var(--sio-ink-tx4);--sio-line:var(--sio-ink-line);--sio-blue:var(--sio-ink-blue);--sio-blue-l:var(--sio-ink-blue-l);--sio-cyan:var(--sio-ink-cyan);--sio-green:var(--sio-ink-green);--sio-green-l:var(--sio-ink-green-l);--sio-indigo:var(--sio-ink-indigo);--sio-orange:var(--sio-ink-orange);--sio-orange-l:var(--sio-ink-orange-l);--sio-pink:var(--sio-ink-pink);--sio-red:var(--sio-ink-red);--sio-red-l:var(--sio-ink-red-l);--sio-teal:var(--sio-ink-teal);--sio-violet:var(--sio-ink-violet);--sio-yellow:var(--sio-ink-yellow);--sio-yellow-l:var(--sio-ink-yellow-l);}
.au-hint { font-size:0.75rem; color:var(--sio-tx4); margin-top:6px; line-height:1.45}
.au-forgot { display:flex; justify-content:flex-end; margin-top:-6px; font-size:0.84rem}
.au-forgot a { color:var(--sio-tx3)} .au-forgot a:hover { color:var(--sio-tx1)}

/* Bouton principal */
.au-btn { width:100%; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:14px; border:none; border-radius:12px; cursor:pointer;
    font:700 0.98rem "Inter", sans-serif; color:#fff; background:linear-gradient(135deg, #3b82f6, #8b5cf6); box-shadow:0 8px 22px rgba(99,102,241,0.32);
    transition:transform .15s, box-shadow .2s, opacity .2s; margin-top:4px}
.au-btn:hover:not(:disabled) { transform:translateY(-2px); box-shadow:0 12px 30px rgba(99,102,241,0.45)}
.au-btn:disabled { opacity:0.45; cursor:not-allowed; box-shadow:none}
.au-btn.ghost { background:#f1f5f9; border:1px solid var(--sio-line); box-shadow:none; color:var(--sio-tx1);--sio-tx1:var(--sio-ink-tx1);--sio-tx2:var(--sio-ink-tx2);--sio-tx3:var(--sio-ink-tx3);--sio-tx4:var(--sio-ink-tx4);--sio-line:var(--sio-ink-line);--sio-blue:var(--sio-ink-blue);--sio-blue-l:var(--sio-ink-blue-l);--sio-cyan:var(--sio-ink-cyan);--sio-green:var(--sio-ink-green);--sio-green-l:var(--sio-ink-green-l);--sio-indigo:var(--sio-ink-indigo);--sio-orange:var(--sio-ink-orange);--sio-orange-l:var(--sio-ink-orange-l);--sio-pink:var(--sio-ink-pink);--sio-red:var(--sio-ink-red);--sio-red-l:var(--sio-ink-red-l);--sio-teal:var(--sio-ink-teal);--sio-violet:var(--sio-ink-violet);--sio-yellow:var(--sio-ink-yellow);--sio-yellow-l:var(--sio-ink-yellow-l);}
.au-alt { margin-top:22px; padding-top:18px; border-top:1px solid var(--sio-line); text-align:center; color:var(--sio-tx3); font-size:0.9rem}
.au-alt a { font-weight:700}

/* Messages */
.au-msg { display:flex; gap:10px; align-items:flex-start; padding:12px 14px; border-radius:12px; font-size:0.88rem; line-height:1.5; margin-bottom:18px}
.au-msg > .ti { font-size:1.15rem; margin-top:1px; flex-shrink:0}
.au-msg.error { background:#feefef; border:1px solid rgba(248,113,113,0.3); color:var(--sio-red-l);--sio-tx1:var(--sio-ink-tx1);--sio-tx2:var(--sio-ink-tx2);--sio-tx3:var(--sio-ink-tx3);--sio-tx4:var(--sio-ink-tx4);--sio-line:var(--sio-ink-line);--sio-blue:var(--sio-ink-blue);--sio-blue-l:var(--sio-ink-blue-l);--sio-cyan:var(--sio-ink-cyan);--sio-green:var(--sio-ink-green);--sio-green-l:var(--sio-ink-green-l);--sio-indigo:var(--sio-ink-indigo);--sio-orange:var(--sio-ink-orange);--sio-orange-l:var(--sio-ink-orange-l);--sio-pink:var(--sio-ink-pink);--sio-red:var(--sio-ink-red);--sio-red-l:var(--sio-ink-red-l);--sio-teal:var(--sio-ink-teal);--sio-violet:var(--sio-ink-violet);--sio-yellow:var(--sio-ink-yellow);--sio-yellow-l:var(--sio-ink-yellow-l);}
.au-msg.success { background:#e8faf3; border:1px solid rgba(52,211,153,0.3); color:var(--sio-green-l);--sio-tx1:var(--sio-ink-tx1);--sio-tx2:var(--sio-ink-tx2);--sio-tx3:var(--sio-ink-tx3);--sio-tx4:var(--sio-ink-tx4);--sio-line:var(--sio-ink-line);--sio-blue:var(--sio-ink-blue);--sio-blue-l:var(--sio-ink-blue-l);--sio-cyan:var(--sio-ink-cyan);--sio-green:var(--sio-ink-green);--sio-green-l:var(--sio-ink-green-l);--sio-indigo:var(--sio-ink-indigo);--sio-orange:var(--sio-ink-orange);--sio-orange-l:var(--sio-ink-orange-l);--sio-pink:var(--sio-ink-pink);--sio-red:var(--sio-ink-red);--sio-red-l:var(--sio-ink-red-l);--sio-teal:var(--sio-ink-teal);--sio-violet:var(--sio-ink-violet);--sio-yellow:var(--sio-ink-yellow);--sio-yellow-l:var(--sio-ink-yellow-l);}
.au-msg a { color:inherit; font-weight:700; text-decoration:underline}

/* Inscription : choix de la classe */
.au-classes { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px}
.au-classe { position:relative; cursor:pointer}
.au-classe input { position:absolute; opacity:0; pointer-events:none}
.au-classe span { display:flex; flex-direction:column; align-items:center; gap:4px; padding:14px 8px; border-radius:12px; text-align:center;
    background:#ffffff; border:1px solid var(--sio-line); transition:border-color .2s, background .2s, box-shadow .2s;--sio-tx1:var(--sio-ink-tx1);--sio-tx2:var(--sio-ink-tx2);--sio-tx3:var(--sio-ink-tx3);--sio-tx4:var(--sio-ink-tx4);--sio-line:var(--sio-ink-line);--sio-blue:var(--sio-ink-blue);--sio-blue-l:var(--sio-ink-blue-l);--sio-cyan:var(--sio-ink-cyan);--sio-green:var(--sio-ink-green);--sio-green-l:var(--sio-ink-green-l);--sio-indigo:var(--sio-ink-indigo);--sio-orange:var(--sio-ink-orange);--sio-orange-l:var(--sio-ink-orange-l);--sio-pink:var(--sio-ink-pink);--sio-red:var(--sio-ink-red);--sio-red-l:var(--sio-ink-red-l);--sio-teal:var(--sio-ink-teal);--sio-violet:var(--sio-ink-violet);--sio-yellow:var(--sio-ink-yellow);--sio-yellow-l:var(--sio-ink-yellow-l);color:var(--sio-tx1);}
.au-classe .ti { font-size:1.35rem; color:var(--c)}
.au-classe b { color:var(--sio-tx1); font-size:0.9rem} .au-classe small { color:var(--sio-tx3); font-size:0.7rem; line-height:1.3}
.au-classe:hover span { border-color:color-mix(in srgb, var(--c) 45%, transparent)}
.au-classe input:checked + span { border-color:var(--c); background:color-mix(in srgb, var(--c) 12%, #ffffff); box-shadow:0 0 0 1px var(--c);--sio-tx1:var(--sio-ink-tx1);--sio-tx2:var(--sio-ink-tx2);--sio-tx3:var(--sio-ink-tx3);--sio-tx4:var(--sio-ink-tx4);--sio-line:var(--sio-ink-line);--sio-blue:var(--sio-ink-blue);--sio-blue-l:var(--sio-ink-blue-l);--sio-cyan:var(--sio-ink-cyan);--sio-green:var(--sio-ink-green);--sio-green-l:var(--sio-ink-green-l);--sio-indigo:var(--sio-ink-indigo);--sio-orange:var(--sio-ink-orange);--sio-orange-l:var(--sio-ink-orange-l);--sio-pink:var(--sio-ink-pink);--sio-red:var(--sio-ink-red);--sio-red-l:var(--sio-ink-red-l);--sio-teal:var(--sio-ink-teal);--sio-violet:var(--sio-ink-violet);--sio-yellow:var(--sio-ink-yellow);--sio-yellow-l:var(--sio-ink-yellow-l);color:var(--sio-tx1);}
.au-classe input:focus-visible + span { box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 35%, transparent)}

/* Robustesse du mot de passe */
.au-meter { display:grid; grid-template-columns:repeat(4, 1fr); gap:4px; margin-top:8px}
.au-meter i { height:4px; border-radius:2px; background:#f1f5f9; transition:background .2s;--sio-tx1:var(--sio-ink-tx1);--sio-tx2:var(--sio-ink-tx2);--sio-tx3:var(--sio-ink-tx3);--sio-tx4:var(--sio-ink-tx4);--sio-line:var(--sio-ink-line);--sio-blue:var(--sio-ink-blue);--sio-blue-l:var(--sio-ink-blue-l);--sio-cyan:var(--sio-ink-cyan);--sio-green:var(--sio-ink-green);--sio-green-l:var(--sio-ink-green-l);--sio-indigo:var(--sio-ink-indigo);--sio-orange:var(--sio-ink-orange);--sio-orange-l:var(--sio-ink-orange-l);--sio-pink:var(--sio-ink-pink);--sio-red:var(--sio-ink-red);--sio-red-l:var(--sio-ink-red-l);--sio-teal:var(--sio-ink-teal);--sio-violet:var(--sio-ink-violet);--sio-yellow:var(--sio-ink-yellow);--sio-yellow-l:var(--sio-ink-yellow-l);color:var(--sio-tx1);}
.au-meter-l { font-size:0.72rem; color:var(--sio-tx4); margin-top:4px}

/* Encadrés d'information + RGPD */
.au-note { display:flex; gap:10px; padding:12px 14px; border-radius:12px; font-size:0.8rem; color:var(--sio-tx3); line-height:1.55;
    background:#ffffff; border:1px solid var(--sio-line);--sio-tx1:var(--sio-ink-tx1);--sio-tx2:var(--sio-ink-tx2);--sio-tx3:var(--sio-ink-tx3);--sio-tx4:var(--sio-ink-tx4);--sio-line:var(--sio-ink-line);--sio-blue:var(--sio-ink-blue);--sio-blue-l:var(--sio-ink-blue-l);--sio-cyan:var(--sio-ink-cyan);--sio-green:var(--sio-ink-green);--sio-green-l:var(--sio-ink-green-l);--sio-indigo:var(--sio-ink-indigo);--sio-orange:var(--sio-ink-orange);--sio-orange-l:var(--sio-ink-orange-l);--sio-pink:var(--sio-ink-pink);--sio-red:var(--sio-ink-red);--sio-red-l:var(--sio-ink-red-l);--sio-teal:var(--sio-ink-teal);--sio-violet:var(--sio-ink-violet);--sio-yellow:var(--sio-ink-yellow);--sio-yellow-l:var(--sio-ink-yellow-l);}
.au-note > .ti { color:var(--c, var(--sio-violet)); font-size:1.1rem; flex-shrink:0; margin-top:1px}
.au-note b { color:var(--sio-tx1)}
.au-check { display:flex; gap:10px; align-items:flex-start; font-size:0.88rem; color:var(--sio-tx1); cursor:pointer}
.au-check input { width:18px; height:18px; margin-top:2px; accent-color:#60a5fa; flex-shrink:0; cursor:pointer}
.au .h-captcha { display:flex; justify-content:center}

/* Pages de statut (vérification d'e-mail…) */
.au-status { text-align:center}
.au-status .au-ico { margin:0 auto 16px; width:64px; height:64px; font-size:2rem}
.au-status .au-btn { margin-top:20px}

/* Responsive */
@media (max-width:900px) {
    .au-wrap { grid-template-columns:1fr}
    .au-side { display:none}
    .au-brand-m { display:inline-flex}
    .au-main { justify-content:flex-start; padding-top:32px}
}
@media (max-width:480px) { .au-row2, .au-classes { grid-template-columns:1fr} .au-head h1 { font-size:1.5rem} }
.au-row2 > div { min-width:0}
.au-card:has(#registerForm) { max-width:520px}

/* Grands écrans : panneau gauche limité et centré */
.au-wrap { grid-template-columns:minmax(360px, min(44%, 640px)) 1fr}
.au-side { align-items:center}
.au-side > * { width:100%; max-width:460px}

/* Carte centrée sur tous les écrans (panneau de gauche retiré) */
.au-wrap { display:block}
.au-side { display:none !important}
body.au { background:radial-gradient(900px 500px at 15% 0%, rgba(96,165,250,0.14), transparent 60%),
                     radial-gradient(800px 500px at 85% 100%, rgba(167,139,250,0.12), transparent 60%), var(--sio-page)}
.au-main { min-height:100vh; justify-content:center; padding:40px 20px}
.au-brand-m { display:inline-flex}
.au-card { padding:32px 30px; border-radius:22px; background:#ffffff;
    border:1px solid var(--sio-line); box-shadow:0 25px 60px rgba(0,0,0,0.45); backdrop-filter:blur(14px);--sio-tx1:var(--sio-ink-tx1);--sio-tx2:var(--sio-ink-tx2);--sio-tx3:var(--sio-ink-tx3);--sio-tx4:var(--sio-ink-tx4);--sio-line:var(--sio-ink-line);--sio-blue:var(--sio-ink-blue);--sio-blue-l:var(--sio-ink-blue-l);--sio-cyan:var(--sio-ink-cyan);--sio-green:var(--sio-ink-green);--sio-green-l:var(--sio-ink-green-l);--sio-indigo:var(--sio-ink-indigo);--sio-orange:var(--sio-ink-orange);--sio-orange-l:var(--sio-ink-orange-l);--sio-pink:var(--sio-ink-pink);--sio-red:var(--sio-ink-red);--sio-red-l:var(--sio-ink-red-l);--sio-teal:var(--sio-ink-teal);--sio-violet:var(--sio-ink-violet);--sio-yellow:var(--sio-ink-yellow);--sio-yellow-l:var(--sio-ink-yellow-l);color:var(--sio-tx1);}
@media (max-width:480px) { .au-card { padding:24px 18px} }