.hb-refonte .auth-page{min-height:100vh;color:var(--ink);background:#f7f5fe}.hb-refonte .auth-header{justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:auto;padding:29px 35px;display:flex}.hb-refonte .auth-header .brand{font-size:24px}.hb-refonte .auth-back{color:#746c87;align-items:center;gap:9px;font-size:12px;display:flex}.hb-refonte .auth-back:hover{color:var(--purple)}.hb-refonte .auth-layout{background:#fffefd;border:1px solid #e5ddf2;border-radius:28px;grid-template-columns:1fr 1fr;max-width:1170px;margin:22px auto 36px;display:grid;overflow:hidden;box-shadow:0 10px #eee7f7,0 25px 60px #53368909}.hb-refonte .auth-visual{background:#eee8fc;flex-direction:column;align-items:flex-start;padding:45px 43px 28px;display:flex;position:relative}.hb-refonte .auth-kicker{color:#7953b7;letter-spacing:1.25px;align-items:center;gap:9px;font-size:9px;font-weight:600;line-height:1.6;display:flex}.hb-refonte .auth-visual h2{letter-spacing:-2px;margin:34px 0 18px;font-size:47px;line-height:1.1}.hb-refonte .auth-visual h2 span{color:var(--purple)}.hb-refonte .auth-visual>p{color:#7b6f91;max-width:375px;margin:0;font-size:14px;line-height:1.8}.hb-refonte .auth-art{flex:1;justify-content:center;align-items:center;width:100%;min-height:275px;margin:4px 0 20px;padding:13px 0 27px;display:flex;position:relative}.hb-refonte .auth-robot{filter:drop-shadow(0 20px 15px #4d288c13);width:300px;max-width:85%;height:auto;transition:transform .4s;transform:rotate(-5deg)}.hb-refonte .auth-art:hover .auth-robot{transform:rotate(-1deg)translateY(-5px)}.hb-refonte .auth-art-note{color:#7946bb;background:#f8f5ff;border:1px solid #dcccfa;border-radius:10px;align-items:center;gap:9px;padding:15px 17px;font-size:11px;display:flex;position:absolute;bottom:14px;right:0;transform:rotate(-5deg);box-shadow:0 9px 20px #5b398c12}.hb-refonte .auth-art-note svg{flex-shrink:0}.hb-refonte .auth-book{width:118%;max-width:none;height:auto;display:block;transform:rotate(-5deg)}.hb-refonte .auth-art.with-book{min-height:270px;padding:13px 0 36px}.hb-refonte .auth-art.with-book .auth-art-note{bottom:0}.hb-refonte .auth-visual-footer{color:#897797;border-top:1px solid #dcd0ef;align-items:center;gap:12px;width:100%;padding-top:20px;font-size:11px;line-height:1.7;display:flex}.hb-refonte .auth-visual-footer svg{color:var(--purple);flex-shrink:0}.hb-refonte .auth-visual-footer strong{color:#624d7c;font-weight:500}.hb-refonte .auth-form-area{flex-direction:column;justify-content:center;min-width:0;padding:32px 47px 39px;display:flex}.hb-refonte .auth-demo-note{color:#89808f;margin-bottom:29px;font-size:9px;line-height:1.5}.hb-refonte .auth-form-heading h1,.hb-refonte .auth-success h1{letter-spacing:-1.15px;color:var(--ink);margin:14px 0 12px;font-size:31px;line-height:1.15}.hb-refonte .auth-form-heading>p{color:#7b7288;margin:0 0 27px;font-size:12px;line-height:1.8}.hb-refonte .auth-form{gap:18px;display:grid}.hb-refonte .auth-form label{color:#463653;font-size:11px;font-weight:550;line-height:1.5;display:block}.hb-refonte .auth-form input:not([type=checkbox]):not([type=radio]){width:100%;height:47px;font:inherit;color:#2e2342;background:#fff;border:1px solid #dfd7eb;border-radius:8px;outline:none;margin-top:7px;padding:0 13px;font-size:12px;font-weight:400;transition:border-color .2s,box-shadow .2s}.hb-refonte .auth-form input::placeholder{color:#b0a5bd}.hb-refonte .auth-form input:focus{box-shadow:0 0 0 3px #6935f513;border-color:#9169ef!important}.hb-refonte .auth-name-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.hb-refonte .auth-label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.hb-refonte .auth-label-row a{color:var(--purple);font-size:10px;font-weight:500}.hb-refonte .auth-input-icon,.hb-refonte .auth-password{position:relative}.hb-refonte .auth-input-icon>svg,.hb-refonte .auth-password>svg{color:#a391b7;pointer-events:none;position:absolute;top:22px;left:13px}.hb-refonte .auth-input-icon input,.hb-refonte .auth-password input{padding-left:40px!important}.hb-refonte .auth-password input{padding-right:43px!important}.hb-refonte .auth-password>button{color:#927ba8;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:10px;right:4px}.hb-refonte .auth-password>button:hover{color:var(--purple);background:#f6f1ff}.hb-refonte .auth-input-help{color:#9a8ba8;margin-top:7px;font-size:9px;font-weight:400;display:block}.hb-refonte .auth-form .auth-role{border:0;grid-template-columns:1fr 1fr;gap:10px;min-width:0;margin:0;padding:0;display:grid}.hb-refonte .auth-role legend{color:#463653;padding:0 0 9px;font-size:11px;font-weight:550}.hb-refonte .auth-form .auth-role label{cursor:pointer;background:#fff;border:1px solid #e5ddef;border-radius:10px;align-items:center;gap:10px;min-height:70px;padding:13px 11px;display:flex;position:relative}.hb-refonte .auth-role label.selected{color:#6632ca;background:#f3edff;border-color:#9568ec}.hb-refonte .auth-role label>input{opacity:0;width:1px;height:1px;position:absolute}.hb-refonte .auth-role label:focus-within{outline-offset:3px;outline:3px solid #ae8dfb}.hb-refonte .auth-role label>svg{color:#8e72b5;flex-shrink:0}.hb-refonte .auth-role label strong{font-size:10px;font-weight:600;line-height:1.4;display:block}.hb-refonte .auth-role label small{color:#9481a6;margin-top:3px;font-size:8px;font-weight:400;line-height:1.4;display:block}.hb-refonte .auth-role .role-check{opacity:0;width:12px;height:12px;color:var(--purple);position:absolute;top:6px;right:6px}.hb-refonte .auth-role .selected .role-check{opacity:1}.hb-refonte .auth-form .auth-consent{color:#877790;align-items:flex-start;gap:10px;font-size:9px;font-weight:400;line-height:1.7;display:flex}.hb-refonte .auth-consent input{appearance:auto;accent-color:var(--purple);flex-shrink:0;width:15px;height:15px;margin:2px 0 0}.hb-refonte .auth-consent a{color:#69438f;text-underline-offset:3px;-webkit-text-decoration:underline #ccbadf;text-decoration:underline #ccbadf}.hb-refonte .auth-submit{border-radius:8px;justify-content:space-between;width:100%;min-height:49px;margin-top:2px;padding:14px 15px;font-size:12px;box-shadow:0 4px #5426c7}.hb-refonte .auth-submit:hover{transform:translateY(-2px);box-shadow:0 6px #5426c7}.hb-refonte .auth-switch{text-align:center;color:#8c7d97;margin:27px 0 0;font-size:11px;line-height:1.7}.hb-refonte .auth-switch a{color:var(--purple);align-items:center;gap:7px;margin-left:3px;font-weight:550;display:inline-flex}.hb-refonte .auth-switch a:hover,.hb-refonte .auth-label-row a:hover{text-decoration:underline}.hb-refonte .auth-footer{color:#9a8ba6;border:0;justify-content:center;align-items:center;gap:27px;max-width:1170px;margin:auto;padding:0 25px 25px;font-size:9px;display:flex}.hb-refonte .auth-footer a:hover{color:var(--purple)}.hb-refonte .auth-success{outline:none}.hb-refonte .auth-success-icon{width:68px;height:68px;color:var(--purple);background:#eee6ff;border-radius:21px;justify-content:center;align-items:center;margin-bottom:30px;display:flex;box-shadow:0 5px #e1d3f6}.hb-refonte .auth-success>p{color:#82718f;margin:20px 0;font-size:13px;line-height:1.8}.hb-refonte .auth-preview-info{color:#866e97;background:#f5f0fc;border:1px solid #e8def4;border-radius:9px;margin:20px 0 25px;padding:16px 18px;font-size:11px;line-height:1.7}.hb-refonte .auth-text-button{color:var(--purple);background:0 0;border:0;margin:26px auto 0;padding:8px;font-size:11px;display:block}.hb-refonte .auth-text-button:hover{text-decoration:underline}@media (width<=1100px) and (width>=761px){.hb-refonte .auth-header{padding:25px 35px}.hb-refonte .auth-layout{grid-template-columns:.9fr 1.1fr;margin:17px 30px 32px}.hb-refonte .auth-visual{padding:40px 28px 27px}.hb-refonte .auth-visual h2{font-size:39px}.hb-refonte .auth-form-area{padding:30px}.hb-refonte .auth-form-heading h1{font-size:28px}.hb-refonte .auth-kicker{font-size:8px}.hb-refonte .auth-role label>svg{width:19px}.hb-refonte .auth-form .auth-role label{gap:7px;padding:13px 8px}}@media (width<=760px){.hb-refonte .auth-header{padding:23px 22px}.hb-refonte .auth-header .brand{font-size:21px}.hb-refonte .auth-header .brand img{width:29px;height:29px}.hb-refonte .auth-back{border:1px solid #e2d8f1;border-radius:9px;gap:0;padding:9px;font-size:0}.hb-refonte .auth-back svg{width:18px;height:18px}.hb-refonte .auth-layout{border-radius:19px;flex-direction:column;margin:8px 18px 26px;display:flex;overflow:visible}.hb-refonte .auth-visual{border-radius:18px 18px 0 0;min-height:125px;padding:21px 23px;overflow:hidden}.hb-refonte .auth-visual>.auth-kicker,.hb-refonte .auth-visual>p,.hb-refonte .auth-visual-footer,.hb-refonte .auth-art-note{display:none}.hb-refonte .auth-visual h2{letter-spacing:-1px;z-index:1;max-width:74%;margin:11px 0 8px;font-size:26px;line-height:1.12;position:relative}.hb-refonte .auth-art{width:96px;height:112px;min-height:0;margin:0;padding:0;position:absolute;bottom:0;right:8px}.hb-refonte .auth-robot{width:100%;max-width:100%}.hb-refonte .auth-art.with-book{width:123px;height:100px;min-height:0;padding:0;bottom:0;right:-2px}.hb-refonte .auth-book{width:145%;transform:rotate(-10deg)}.hb-refonte .auth-form-area{padding:24px 23px 30px}.hb-refonte .auth-demo-note{margin-bottom:24px;font-size:8px}.hb-refonte .auth-form-heading h1,.hb-refonte .auth-success h1{letter-spacing:-1px;font-size:27px}.hb-refonte .auth-form-heading>p{margin-bottom:23px;font-size:11px}.hb-refonte .auth-form-heading .auth-kicker{letter-spacing:1px;font-size:8px}.hb-refonte .auth-form{gap:17px}.hb-refonte .auth-form input:not([type=checkbox]):not([type=radio]){height:48px;font-size:16px}.hb-refonte .auth-form input::placeholder{font-size:12px}.hb-refonte .auth-form label{font-size:11px}.hb-refonte .auth-form .auth-role label{gap:7px;min-height:76px;padding:15px 8px}.hb-refonte .auth-role label>svg{width:19px}.hb-refonte .auth-role label strong{font-size:9px}.hb-refonte .auth-role label small{font-size:7px}.hb-refonte .auth-form .auth-consent{font-size:9px}.hb-refonte .auth-submit{min-height:49px;font-size:11px}.hb-refonte .auth-switch{margin-top:24px;font-size:10px}.hb-refonte .auth-footer{flex-wrap:wrap;gap:18px;padding-bottom:22px;font-size:8px}.hb-refonte .auth-success-icon{border-radius:17px;width:57px;height:57px;margin-bottom:25px}.hb-refonte .auth-success>p{font-size:12px}.hb-refonte .auth-preview-info{font-size:10px}.hb-refonte .auth-success .auth-kicker{font-size:8px}}@media (prefers-reduced-motion:reduce){.hb-refonte .auth-robot{transition:none}.hb-refonte .auth-art:hover .auth-robot{transform:none}}.hb-refonte .auth-demo-entry{color:#9462bc;border-top:1px solid #eee3f5;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:20px;font-size:10px;display:flex}.hb-refonte .auth-demo-entry:hover{text-decoration:underline}