.access-page{position:relative;isolation:isolate;min-height:calc(100vh - 150px);display:grid;place-items:center;padding:52px 18px 30px;overflow:hidden}.access-page:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 22% 24%,#34c5ae12,transparent 28%),radial-gradient(circle at 78% 72%,#e0aa4f0d,transparent 25%)}.access-page:after{content:"01  ADRESSE     →     02  CODE     →     03  NOUVEL ACCÈS";position:absolute;z-index:-1;left:50%;top:28px;transform:translateX(-50%);width:min(620px,calc(100% - 36px));color:#80b9b3;font-size:10px;font-weight:900;letter-spacing:.14em;text-align:center}.access-card{position:relative;width:min(620px,100%);padding:25px 28px 23px;border:1px solid #45677c;border-radius:20px;background:radial-gradient(circle at 100% 0,#37c5ad16,transparent 31%),linear-gradient(145deg,#142a3e,#0c1c30);box-shadow:0 24px 70px #020a1670,inset 0 1px #ffffff0d}.access-card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-image:linear-gradient(#8dd9d208 1px,transparent 1px),linear-gradient(90deg,#8dd9d208 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(135deg,#000,transparent 60%)}.access-card>*{position:relative}.access-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin-bottom:22px;border:1px solid #314f67;border-radius:12px;background:#071729}.access-switch a{min-height:39px;display:grid;place-items:center;padding:8px;border-radius:8px;color:#9db4c8;font-size:12px;font-weight:850;transition:.18s}.access-switch a:hover{color:#eef9ff;background:#132b3e}.access-switch a.active{background:linear-gradient(145deg,#183d44,#173342);box-shadow:inset 0 1px #ffffff0d;color:#75e8d5}.access-card .panel-kicker{display:block;margin-top:2px;font-size:10px}.access-card h1{margin:7px 0 17px;color:#f5fbff;font-size:28px;line-height:1.08;letter-spacing:-.04em}.access-card form{display:grid;gap:7px}.access-card label{margin:3px 0 0;color:#d7e6ef;font-size:12px;font-weight:850}.access-card .account-input{min-height:47px;margin:0 0 4px;border-color:#4e7085;background:#091b2e}.access-card .account-input:hover{border-color:#6b899a}.access-card .account-input>span{color:#66ddca}.access-card .account-input input{font-size:13.5px}.access-card .account-submit{min-height:47px;margin-top:5px;background:linear-gradient(105deg,#f5c36d,#e5a23c);box-shadow:inset 0 1px #fff5c65c}.access-card .account-submit:disabled{cursor:wait;opacity:.72;transform:none}.access-card .account-submit.is-loading span{width:15px;height:15px;border:2px solid #33281b45;border-top-color:#33281b;border-radius:50%;font-size:0;animation:access-spin .75s linear infinite}.access-back{display:inline-flex;margin-top:18px;padding:7px 9px;border:1px solid transparent;border-radius:8px;color:#73dfcd;font-size:12px;font-weight:800;transition:.18s}.access-back:hover{border-color:#3c665f;background:#163438;color:#fff}.form-success{padding:10px 12px;border:1px solid #4b9082;border-radius:9px;background:#193e3b;color:#d8fff2;font-size:12px;line-height:1.45}.form-error{padding:10px 12px;border:1px solid #a9555b;border-radius:9px;background:#45282e;color:#ffd6d9;font-size:12px;line-height:1.45}.access-card .account-input>span:first-child{font-size:0}.access-card .account-input>span:first-child:after{content:"";width:18px;height:18px;background:#68dcc9;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v12H4V6Zm1.5 1.7L12 12.4l6.5-4.7M5.5 16.3l4.3-4m8.7 4-4.3-4' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center/contain no-repeat}.access-card form input[name=code]::placeholder{letter-spacing:.2em}.access-card form input[name=code]{letter-spacing:.22em;font-size:17px;font-weight:900}.access-card form:has(input[name=code]) .account-input>span:first-child:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 11V8a5 5 0 0 1 10 0v3m-11 0h12v9H6v-9Zm6 3v3' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E")}@keyframes access-spin{to{transform:rotate(360deg)}}@media(max-width:620px){.access-page{padding:54px 13px 20px}.access-page:after{top:25px;font-size:8.5px;letter-spacing:.08em}.access-card{padding:20px 17px;border-radius:16px}.access-card h1{font-size:25px}.access-switch a{font-size:11px}}