.connexion-page{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,rgba(236,133,109,.08),transparent 35%),radial-gradient(circle at 75% 80%,rgba(80,150,180,.07),transparent 35%),#061321;color:#f1e7dc}.connexion-background{position:absolute;inset:0;pointer-events:none}.connexion-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(100px);opacity:.12}.connexion-glow-one{top:-250px;left:-150px;background:#ec856d}.connexion-glow-two{right:-200px;bottom:-250px;background:#4d8c9b}.connexion-stars{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 0);background-size:90px 90px}.connexion-back{position:absolute;top:32px;left:32px;padding:10px 17px;border:1px solid rgba(255,255,255,.12);border-radius:50px;background:rgba(10,25,40,.65);color:#d9d2cc;font-size:11px;cursor:pointer;transition:.25s ease}.connexion-back:hover{border-color:rgba(236,133,109,.5);color:white;transform:translateX(-2px)}.connexion-container{position:relative;z-index:2;width:min(560px,calc(100% - 40px));padding:48px 42px 35px;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(145deg,rgba(20,38,57,.94),rgba(7,21,35,.96));box-shadow:0 30px 90px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.connexion-header{text-align:center}.connexion-header>p{margin:0 0 12px;color:#d7a995;font-size:9px;font-weight:700;letter-spacing:4px}.connexion-header h1{margin:0;color:#f1e7dc;font-family:Cormorant Garamond,Georgia,serif;font-size:64px;font-weight:400;line-height:.9}.connexion-header h1 span{color:#ec856d;margin-left:5px}.connexion-line{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0 22px;color:#d7a995;font-size:13px}.connexion-line i{width:45px;height:1px;background:rgba(255,255,255,.2)}.connexion-header h2{margin:0;color:#eee5dc;font-family:Cormorant Garamond,Georgia,serif;font-size:25px;font-style:italic;font-weight:500}.connexion-header>span{display:block;margin-top:10px;color:#929ca5;font-size:11px}.profiles{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px;margin-top:32px}.profile-card{position:relative;display:flex;align-items:center;gap:14px;min-height:100px;padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.025);color:#f1e7dc;text-align:left;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.profile-card:hover{transform:translateY(-3px);border-color:rgba(236,133,109,.35);background:rgba(236,133,109,.045)}.profile-card.selected{border-color:rgba(236,133,109,.75);background:linear-gradient(135deg,rgba(236,133,109,.1),rgba(236,133,109,.035));box-shadow:0 0 30px rgba(236,133,109,.08)}.profile-avatar{flex:0 0 55px;width:55px;height:55px;display:grid;place-items:center;border-radius:50%;font-family:Cormorant Garamond,Georgia,serif;font-size:25px;border:1px solid rgba(255,255,255,.15)}.margot-avatar{background:linear-gradient(145deg,#b17d9e,#6c506c)}.baptiste-avatar{background:linear-gradient(145deg,#4e8995,#294f5d)}.profile-info{min-width:0}.profile-info small{display:block;margin-bottom:4px;color:#d7a995;font-size:7px;font-weight:700;letter-spacing:1.5px}.profile-info h3{margin:0;color:#f1e7dc;font-size:16px;font-weight:600}.profile-info p{margin:4px 0 0;color:#929ca5;font-size:9px}.profile-check{position:absolute;top:12px;right:13px;color:#8c969e;font-size:12px}.profile-card.selected .profile-check{color:#ec856d}.connexion-button{width:100%;margin-top:25px;padding:14px 20px;border:1px solid rgba(255,255,255,.1);border-radius:50px;background:rgba(255,255,255,.04);color:#747f88;font-size:10px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:.3s ease}.connexion-button.ready{border-color:rgba(236,133,109,.55);background:linear-gradient(90deg,rgba(236,133,109,.18),rgba(236,133,109,.08));color:#f1e7dc}.connexion-button.ready:hover{background:rgba(236,133,109,.22);box-shadow:0 0 25px rgba(236,133,109,.1);transform:translateY(-2px)}.connexion-footer{margin:25px 0 0;color:#69747e;text-align:center;font-size:9px;font-style:italic}.connexion-footer span{color:#ec856d}@media (max-width:650px){.connexion-container{width:calc(100% - 28px);padding:38px 22px 28px}.connexion-header h1{font-size:52px}.connexion-header h2{font-size:22px}.profiles{grid-template-columns:1fr}.connexion-back{top:18px;left:18px}}.password-area{width:100%;margin-top:20px}.password-area label{display:block;margin-bottom:8px;color:#d7a995;font-size:8px;font-weight:700;letter-spacing:2px;text-align:left}.password-area input{width:100%;box-sizing:border-box;padding:13px 15px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035);color:#f1e7dc;font-size:12px;outline:none;transition:.25s ease}.password-area input::placeholder{color:#69747e}.password-area input:focus{border-color:rgba(236,133,109,.55);background:rgba(236,133,109,.04);box-shadow:0 0 20px rgba(236,133,109,.06)}.connexion-error{margin:10px 0 0;color:#ec856d;font-size:10px;text-align:center}.connexion-button:disabled{opacity:.65;cursor:wait}