*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:#03050b;color:#fff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.auth-page{position:relative;display:grid;min-height:100vh;place-items:center;padding:35px 18px;overflow:hidden}.auth-backdrop{position:fixed;inset:0;background:linear-gradient(90deg,#03050be8,#080410bc 45%,#03050bf2),url('promo-ouverture-xs.jpg') center/cover;filter:saturate(.55)}.auth-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 45%,#b5158028,transparent 40%)}.auth-card{position:relative;width:min(560px,100%);padding:38px 50px 34px;border:1px solid #ff31834f;border-radius:26px;background:linear-gradient(145deg,#080911f5,#100813f3);box-shadow:0 30px 100px #000,0 0 70px #9d146025;backdrop-filter:blur(18px)}.auth-logo{display:grid;place-items:center;color:#fff;text-decoration:none}.auth-logo strong{font-size:55px;font-style:italic;line-height:.9;letter-spacing:-.1em;background:linear-gradient(135deg,#ff255f,#b330f1);background-clip:text;color:transparent}.auth-logo span{margin-top:9px;font-size:12px;font-weight:900;letter-spacing:.45em}.auth-tabs{display:flex;margin:28px 0 20px;padding:4px;border-radius:12px;background:#ffffff08}.auth-tabs button{flex:1;padding:11px;border:0;border-radius:9px;background:transparent;color:#9295a1;font-weight:800;cursor:pointer}.auth-tabs button.active{background:#ff2460;color:#fff;box-shadow:0 8px 20px #ff246044}.auth-form h1{margin:8px 0 6px;text-align:center;font-size:34px}.auth-form>p{margin:0 0 28px;color:#aaacb5;text-align:center}.auth-form>label:not(.remember){display:grid;gap:8px;margin-top:18px;font-size:11px;font-weight:850;letter-spacing:.08em}.auth-form label>div{display:flex;align-items:center;height:57px;padding:0 15px;border:1px solid #ffffff1b;border-radius:11px;background:#ffffff07}.auth-form label>div:focus-within{border-color:#ff2e72;box-shadow:0 0 0 3px #ff2e7218}.auth-form label i{width:27px;color:#c6c7cc;font-style:normal}.auth-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:15px}.auth-form label button{border:0;background:none;color:#aaa;cursor:pointer}.remember{display:flex;align-items:center;gap:9px;margin:20px 0;color:#c5c6cc;font-size:12px}.remember input{flex:0 0 auto;accent-color:#ff2460}.auth-submit{width:100%;padding:16px;border:0;border-radius:10px;background:linear-gradient(100deg,#ff205b,#a42ee8);color:#fff;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 12px 30px #d1207840}.auth-submit:disabled{opacity:.55}.auth-switch{margin:25px 0 0!important}.auth-switch button{border:0;background:none;color:#ff3a78;font-weight:800;cursor:pointer}#authMessage{min-height:20px;margin:16px 0 0;color:#ff668f;text-align:center;font-size:12px}@media(max-width:600px){.auth-card{padding:28px 20px 24px}.auth-logo strong{font-size:44px}.auth-form h1{font-size:28px}}