/*
 * Tech Learning Academy - approved six-screen Account Flows reference.
 * Original distinct screenshot layouts, scoped only to public auth pages.
 * Existing Tutor LMS forms, nonce, validation, enrollment and verification stay native.
 */
body.tla-site-view.tla-phase4-page{background:#F5F8FC}
body.tla-site-view.tla-phase4-page .tla-header,
body.tla-site-view.tla-phase4-page .tla-footer{display:none!important}
body.tla-site-view.tla-phase4-page #tla-main{min-height:100vh;display:flex;flex-direction:column;justify-content:center}
body.tla-site-view.tla-phase4-page .tla-page-content.tla-account-page{
 width:100%!important;max-width:1320px!important;
 margin:auto!important;padding:clamp(18px,3vw,40px) clamp(14px,2.5vw,32px)!important;
 background:transparent!important
}
body.tla-site-view .tla-ref-auth-screen,
body.tla-site-view .tla-ref-auth-screen *{box-sizing:border-box}
body.tla-site-view .tla-phase4-layout.tla-ref-auth-screen{
 display:block;min-height:0;max-width:none;
 background:#FFFFFF;border:1px solid #DFE7F2;
 border-radius:17px;overflow:hidden;
 box-shadow:0 17px 44px rgba(16,29,53,.09);
 color:#16233B
}
body.tla-site-view .tla-ref-auth-screen :is(h1,h2,h3){
 font-family:"Montserrat",Arial,sans-serif!important;
 letter-spacing:-.035em;
 font-weight:800;
 color:#16233B;
 line-height:1.23
}
body.tla-site-view .tla-ref-auth-screen h1{margin:0}
body.tla-site-view .tla-ref-auth-screen h1 em{
 font-style:normal;color:#0455F5
}
body.tla-site-view .tla-ref-auth-screen a{color:#0455F5;text-decoration:none}
body.tla-site-view .tla-ref-auth-screen a:hover{text-decoration:underline}
body.tla-site-view .tla-ref-auth-screen :is(input,textarea,select,button):focus-visible,
body.tla-site-view .tla-ref-auth-screen a:focus-visible{outline:3px solid #FFBD16;outline-offset:3px}
body.tla-site-view .tla-ref-auth-screen .tla-ref-auth-top{
 display:flex;align-items:center;justify-content:space-between;
 gap:22px;padding:21px clamp(24px,4vw,43px);
 border-bottom:1px solid #DFE7F2
}
body.tla-site-view .tla-ref-auth-screen .tla-ref-auth-logo{
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
 line-height:0
}
body.tla-site-view .tla-ref-auth-screen .tla-ref-auth-logo img{
 display:block;width:clamp(164px,17vw,210px);height:auto
}
body.tla-site-view .tla-ref-auth-screen .tla-ref-auth-back{
 display:inline-flex;align-items:center;gap:6px;
 font:700 14px/1.5 "Inter",Arial,sans-serif;
 color:#16233B;white-space:nowrap
}
body.tla-site-view .tla-ref-auth-screen .tla-ref-auth-back:hover{color:#0455F5}
body.tla-site-view .tla-ref-auth-screen .tla-ref-auth-subtitle{
 margin:8px auto 0;
 font:450 16px/1.64 "Inter",Arial,sans-serif;
 color:#637189
}
/* Registration role selection - the user-approved first reference panel */
body.tla-site-view .tla-ref-auth-choice-screen{
 max-width:790px!important;margin:0 auto!important;
 padding:0 0 30px
}
body.tla-site-view .tla-ref-auth-choice-screen .tla-ref-auth-top{border-bottom:0;padding-bottom:9px}
.tla-ref-auth-choice-heading{
 text-align:center;
 padding:7px 36px 16px;
 max-width:655px;margin:0 auto
}
body.tla-site-view .tla-ref-auth-choice-heading h1{
 font-size:clamp(28px,3.2vw,40px);margin:0 0 9px
}
body.tla-site-view .tla-ref-auth-choice-heading p{
 margin:0 auto;
 font-size:16px;line-height:1.65;
 color:#637189;
 max-width:485px
}
body.tla-site-view .tla-ref-auth-choice-screen .tla-ref-auth-choice{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:19px;
 max-width:680px;
 margin:9px auto 0;
 padding:0 18px
}
.tla-ref-choice-card{display:block;cursor:pointer;position:relative;min-width:0}
.tla-ref-choice-card>input{
 position:absolute;width:1px;height:1px;opacity:0;pointer-events:none
}
body.tla-site-view .tla-ref-choice-card .tla-ref-choice-card-inner{
 display:flex;flex-direction:column;
 min-height:352px;border:2px solid #DFE7F2;
 border-radius:14px;
 overflow:hidden;
 background:linear-gradient(135deg,#F5F8FC,#FFFFFF);
 transition:border-color .15s ease,box-shadow .15s ease;
}
body.tla-site-view .tla-ref-choice-card>input:checked+.tla-ref-choice-card-inner{
 border-color:#0455F5;
 box-shadow:0 0 0 1px rgba(4,85,245,.12)
}
body.tla-site-view .tla-ref-choice-card>input:focus-visible+.tla-ref-choice-card-inner{
 outline:3px solid #FFBD16;outline-offset:3px
}
body.tla-site-view .tla-ref-choice-card .tla-ref-choice-image{
 display:flex;align-items:flex-end;justify-content:center;
 height:220px;min-height:220px;
 background:linear-gradient(140deg,#EAF1FE,#F1EAFF);
 overflow:hidden;
 border-bottom:1px solid #DFE7F2
}
.tla-ref-choice-image img{
 display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom
}
body.tla-site-view .tla-ref-choice-name{
 display:flex;align-items:center;gap:10px;
 margin:12px 15px 5px;font-size:18px;
 font-weight:800;line-height:1.4
}
.tla-ref-radio-indicator{
 display:inline-flex;align-items:center;justify-content:center;
 height:20px;width:20px;
 border:2px solid #D9E8FF;border-radius:50%;
 flex:0 0 auto
}
.tla-ref-choice-card>input:checked+.tla-ref-choice-card-inner .tla-ref-radio-indicator{
 border-color:#0455F5
}
.tla-ref-choice-card>input:checked+.tla-ref-choice-card-inner .tla-ref-radio-indicator:after{
 content:"";height:10px;width:10px;border-radius:50%;background:#0455F5
}
body.tla-site-view .tla-ref-choice-desc{
 display:block;margin:0 15px 19px;
 font:450 14px/1.6 "Inter",Arial,sans-serif;
 color:#637189
}
body.tla-site-view .tla-ref-auth-screen .tla-ref-auth-primary{
 display:inline-flex;align-items:center;justify-content:center;gap:12px;
 width:100%;min-height:50px;
 border:1px solid #0455F5;border-radius:10px;
 color:white;background:#0455F5;
 font:800 16px/1.4 "Inter",Arial,sans-serif;
 cursor:pointer;transition:background .15s ease;
 padding:13px 20px
}
body.tla-site-view .tla-ref-auth-screen .tla-ref-auth-primary:hover{background:#101D35}
body.tla-site-view .tla-ref-auth-choice .tla-ref-auth-primary{
 grid-column:1/-1;margin-top:2px
}
body.tla-site-view .tla-ref-auth-screen .tla-ref-auth-footer-link{
 text-align:center;font-size:14px;color:#637189;margin:18px 12px 0
}
body.tla-site-view .tla-ref-auth-screen .tla-ref-auth-footer-link>a{font-weight:800}
/* Stepper matches account > verify > start/review in user screenshot */
.tla-ref-auth-steps{
 display:flex;align-items:center;gap:12px;
 list-style:none!important;padding:0!important;margin:0!important
}
.tla-ref-auth-steps>li{
 display:inline-flex;align-items:center;gap:7px;
 font:600 12px/1.35 "Inter",Arial,sans-serif;
 color:#637189;
 white-space:nowrap
}
.tla-ref-auth-steps>li:not(:last-child):after{
 content:"";width:25px;height:1px;background:#DFE7F2;margin-left:7px
}
.tla-ref-auth-steps strong{
 display:grid;place-items:center;
 width:27px;height:27px;border:1px solid #D9E8FF;
 border-radius:50%;color:#637189;background:#FFFFFF
}
.tla-ref-auth-steps .active{color:#0455F5}
.tla-ref-auth-steps .active strong{background:#0455F5;border-color:#0455F5;color:#FFFFFF}
/* Student & instructor have a narrow photo ribbon, never a huge generic sidebar. */
body.tla-site-view .tla-ref-auth-registration{
 max-width:1150px!important;margin:0 auto!important
}
body.tla-site-view .tla-ref-auth-registration-grid{
 display:grid;grid-template-columns:minmax(190px,25%) minmax(0,1fr);
 align-items:stretch;gap:22px;
 padding:20px 26px 29px
}
body.tla-site-view .tla-ref-auth-illustration{
 display:flex;flex-direction:column;
 background:linear-gradient(160deg,#0455F5 0%,#0455F5 55%,#7346F5 100%);
 border-radius:16px;overflow:hidden;
 color:#FFFFFF;min-height:620px
}
body.tla-site-view .tla-ref-auth-illustration .tla-ref-auth-portrait{
 height:290px;flex:0 0 290px;overflow:hidden;
 display:flex;align-items:end;justify-content:center;
 background:linear-gradient(135deg,#EAF1FE,#D9E8FF)
}
body.tla-site-view .tla-ref-auth-illustration .tla-ref-auth-portrait img{
 display:block;width:100%;height:100%;object-fit:cover;object-position:center top
}
body.tla-site-view .tla-ref-auth-illustration-copy{
 padding:22px clamp(15px,2.1vw,23px) 23px;flex:1
}
body.tla-site-view .tla-ref-auth-illustration-copy h2{
 color:#FFFFFF;font-size:clamp(26px,2.3vw,38px);
 line-height:1.1;margin:0 0 14px;letter-spacing:-.04em
}
.tla-ref-auth-underline{
 display:block;
 height:5px;width:77px;
 background:#FFBD16;
 border-radius:80% 30% 80% 30%;
 transform:rotate(-7deg);
 margin-bottom:20px
}
body.tla-site-view .tla-ref-auth-illustration-copy ul,
body.tla-site-view .tla-ref-auth-login-side ul{
 list-style:none!important;
 display:grid;gap:12px;
 margin:0!important;padding:0!important
}
body.tla-site-view .tla-ref-auth-illustration-copy li,
body.tla-site-view .tla-ref-auth-login-side li{
 position:relative;padding-left:24px;
 font:550 13px/1.5 "Inter",Arial,sans-serif;
 color:#FFFFFF
}
body.tla-site-view .tla-ref-auth-illustration-copy li:before,
body.tla-site-view .tla-ref-auth-login-side li:before{
 content:"✓";position:absolute;left:0;top:0;
 height:17px;width:17px;
 display:grid;place-items:center;
 background:#19B84D;color:#fff;border-radius:50%;
 font:800 12px/17px "Inter",Arial,sans-serif
}
.tla-ref-auth-register-main{
 min-width:0;padding:2px 10px 0 0
}
body.tla-site-view .tla-ref-auth-form-heading{
 display:flex;align-items:center;gap:16px;
 margin:0 0 20px
}
.tla-ref-auth-small-mark{
 width:61px;height:61px;flex:0 0 61px;
 background:#EAF1FE;border:1px solid #D9E8FF;
 display:grid;place-items:center;
 border-radius:14px;color:#0455F5;
 font:800 28px "Montserrat",Arial,sans-serif
}
body.tla-site-view .tla-ref-auth-form-heading h1{
 font-size:clamp(25px,2.35vw,33px);
 margin:0 0 5px
}
body.tla-site-view .tla-ref-auth-form-heading p{
 margin:0;color:#637189;font:450 15px/1.5 "Inter",Arial,sans-serif
}
/* Remove the tall generic Tutor card and preserve functional form controls. */
body.tla-site-view .tla-ref-auth-registration #tutor-registration-wrap{
 padding:0!important;margin:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 width:100%!important;max-width:none!important
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr));
 align-items:start;gap:15px 16px!important;
 padding:0!important;
 margin:0!important;width:100%!important
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>*{
 grid-column:1/-1;min-width:0;order:20
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>.tla-ref-form-half{
 grid-column:span 1
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>.tla-ref-form-first{order:1}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>.tla-ref-form-last{order:2}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>.tla-ref-form-email{order:3}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>.tla-ref-form-phone{order:4}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>.tla-ref-form-password{order:5}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>.tla-ref-form-confirm{order:6}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>.tla-ref-form-username{display:none!important}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>.tla-ref-form-consent{order:54}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>.tla-ref-form-submit{order:90}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>.tla-ref-form-extras{order:35}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>.tla-ref-form-identity{order:48}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>.tla-ref-form-section{order:19}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form> .tla-ref-form-extra-consent{order:50}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tutor-input-field label,
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tutor-label{
 font-size:13px!important;line-height:1.4;margin-bottom:6px!important;color:#16233B
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tutor-input,
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form input:not([type="checkbox"]):not([type="hidden"]),
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form select,
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form textarea{
 width:100%;max-width:100%;
 min-height:42px;border:1px solid #DFE7F2;
 border-radius:8px;background:#FFFFFF;
 color:#16233B;font:500 14px/1.4 "Inter",Arial,sans-serif;
 padding:10px 12px
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tutor-input:focus,
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form textarea:focus{
 border-color:#0455F5;
 box-shadow:0 0 0 3px rgba(4,85,245,.10);
 outline:0
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form textarea{
 min-height:90px
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form input[type="file"]{
 border:1px solid #D9E8FF;background:#F5F8FC;min-height:44px;cursor:pointer
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tla-phase4-consent{
 background:transparent;border:0;
 padding:6px 0;margin:2px 0
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tla-phase4-consent label{
 font-size:13px!important;font-weight:500!important;
 display:flex;gap:9px;align-items:start
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form button[type="submit"]{
 display:flex;align-items:center;justify-content:center;
 min-height:48px;margin:0;
 background:#0455F5;border:1px solid #0455F5;border-radius:9px;
 color:#FFFFFF;
 font:800 15px/1.4 "Inter",Arial,sans-serif;
 width:100%;cursor:pointer
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tla-extra-fields{
 background:transparent;border:0;padding:0;box-shadow:none;
 display:grid;grid-template-columns:1fr;gap:10px
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tla-extra-fields h3{
 font-size:17px!important;
 margin:0 0 0;
 background:#F5F8FC;border:1px solid #DFE7F2;
 padding:10px 12px;border-radius:9px
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tla-extra-fields label{
 margin:7px 0 0!important
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tla-phase4-identity-doc{
 border-color:#DFE7F2;background:#F5F8FC;
 padding:12px
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tla-ref-form-section-label{
 background:#F5F8FC;border:1px solid #DFE7F2;border-radius:9px;
 font:800 14px/1.4 "Montserrat",Arial,sans-serif;color:#16233B;padding:9px 12px
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tla-phase4-guidance{
 color:#637189;font:500 12px/1.4 "Inter",Arial,sans-serif;
 margin:4px 0 0
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tla-ref-form-submit .tutor-flex{
 font-size:13px;gap:5px!important
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tla-ref-form-submit .tutor-btn-link{
 color:#0455F5;font-size:13px!important
}
/* Sign in: real reference puts learner photo left and compact form right. */
body.tla-site-view .tla-ref-auth-login{max-width:965px!important;margin:0 auto!important}
.tla-ref-auth-login-grid{display:grid;grid-template-columns:minmax(240px,40%) minmax(0,60%);min-height:580px}
body.tla-site-view .tla-ref-auth-login-side{
 display:flex;flex-direction:column;
 background:linear-gradient(147deg,#101D35,#0455F5);
 overflow:hidden;position:relative
}
.tla-ref-auth-login-top{padding:34px 28px 0;position:relative;z-index:1}
body.tla-site-view .tla-ref-auth-login-top h2{
 font-size:clamp(28px,3vw,43px);
 line-height:1.1;color:#FFFFFF;
 margin:0 0 14px
}
body.tla-site-view .tla-ref-auth-login-photo{
 display:block;width:100%;height:300px;
 object-fit:cover;object-position:center top;
 flex:1;min-height:215px
}
body.tla-site-view .tla-ref-auth-login-side ul{
 padding:17px 24px 22px!important;
 background:linear-gradient(130deg,#0455F5,#101D35);
 display:grid;gap:9px
}
body.tla-site-view .tla-ref-auth-login-main{
 display:flex;flex-direction:column;align-items:stretch;
 justify-content:center;
 padding:clamp(32px,4vw,55px) clamp(28px,5vw,66px)
}
body.tla-site-view .tla-ref-auth-login-main .tla-ref-auth-logo{
 align-self:center;margin-bottom:29px
}
body.tla-site-view .tla-ref-auth-login-main h1{
 font-size:clamp(25px,2.4vw,33px);
 margin:0 0 5px
}
body.tla-site-view .tla-ref-auth-login-main>.tla-ref-auth-subtitle{
 margin:0 0 24px
}
body.tla-site-view .tla-ref-auth-login-main .tla-form{max-width:none!important;width:100%!important}
body.tla-site-view .tla-ref-auth-login-main .tla-form label{
 margin:9px 0 7px
}
body.tla-site-view .tla-ref-auth-login-main .tla-form input{
 font-size:15px!important;min-height:47px
}
.tla-ref-login-options{
 display:flex;justify-content:space-between;align-items:center;
 gap:14px;flex-wrap:wrap;margin:14px 0 0
}
body.tla-site-view .tla-ref-login-options .tla-phase4-remember{
 margin:0!important;font-size:14px!important
}
body.tla-site-view .tla-ref-login-options a{
 font-size:14px;font-weight:750;white-space:nowrap
}
body.tla-site-view .tla-ref-signup-actions{
 text-align:center;margin-top:15px
}
body.tla-site-view .tla-ref-signup-actions p{
 font-size:14px;margin:0 0 10px;color:#637189
}
body.tla-site-view .tla-ref-signup-actions .tla-ref-create-account{
 display:flex;align-items:center;justify-content:center;
 min-height:46px;border:1px solid #D9E8FF;
 border-radius:9px;color:#0455F5;
 font:800 14px/1.4 "Inter",Arial,sans-serif
}
body.tla-site-view .tla-ref-signup-actions .tla-ref-create-account:hover{
 background:#EAF1FE;text-decoration:none
}
/* Verification: central white card, email image and large title. */
body.tla-site-view .tla-ref-auth-centered{
 position:relative;max-width:650px!important;margin:0 auto!important;
 min-height:600px;padding:32px clamp(25px,5vw,52px) 42px;
 text-align:center;
 background:
  radial-gradient(circle at left bottom,#F1EAFF,transparent 32%),
  radial-gradient(circle at right bottom,#EAF1FE,transparent 34%),#FFFFFF
}
body.tla-site-view .tla-ref-auth-centered>.tla-ref-auth-logo{display:flex;margin:0 auto 45px}
.tla-ref-auth-center-inner{margin:0 auto;max-width:475px}
body.tla-site-view .tla-ref-auth-verify-image{
 display:block;margin:0 auto 18px;
 width:clamp(147px,18vw,204px);height:auto
}
body.tla-site-view .tla-ref-auth-centered h1{
 font-size:clamp(27px,3vw,38px);
 margin:0 0 9px
}
body.tla-site-view .tla-ref-auth-centered .tla-ref-auth-subtitle{
 max-width:430px;margin:0 auto 22px
}
body.tla-site-view .tla-ref-auth-centered .tla-role-card{
 border:0;box-shadow:none;background:transparent;
 padding:0;margin:0;min-height:0;display:block
}
body.tla-site-view .tla-ref-auth-centered .tla-role-card h2{
 font-size:17px;margin:8px 0
}
body.tla-site-view .tla-ref-auth-centered .tla-role-card p{
 font-size:15px;line-height:1.65;
 margin:10px auto 17px
}
body.tla-site-view .tla-ref-auth-centered .tla-role-card a.tla-button,
body.tla-site-view .tla-ref-auth-centered .tla-role-card button.tla-button{
 display:flex;align-items:center;justify-content:center;
 min-height:47px;width:100%;
 border:1px solid #0455F5;border-radius:9px;
 background:#0455F5;color:white;
 font:800 14px/1.5 "Inter",Arial,sans-serif
}
body.tla-site-view .tla-ref-auth-centered .tla-ref-auth-back-link{
 display:inline-block;margin-top:20px;
 font-size:14px;font-weight:800
}
body.tla-site-view .tla-ref-auth-centered .tla-message{font-size:14px;line-height:1.5}
/* Password recovery: mostly white canvas with single purple laptop art on right. */
body.tla-site-view .tla-ref-auth-recovery{
 max-width:1080px!important;margin:0 auto!important;min-height:580px;
 background:
  radial-gradient(circle at right center,#F1EAFF,transparent 32%),#FFFFFF;
 padding:27px clamp(28px,5vw,61px) 40px
}
body.tla-site-view .tla-ref-auth-recovery>.tla-ref-auth-logo{
 display:flex;justify-content:center;margin:0 auto 36px
}
.tla-ref-auth-recovery-grid{
 display:grid;grid-template-columns:minmax(0,59%) minmax(0,41%);
 align-items:center;gap:18px;min-height:410px
}
.tla-ref-auth-recovery-main{text-align:center;padding:5px 0 10px}
body.tla-site-view .tla-ref-auth-lock{
 display:grid;place-items:center;
 margin:0 auto 17px;
 width:61px;height:61px;
 border:1px solid #D9E8FF;
 border-radius:15px;
 background:#EAF1FE;color:#0455F5;
 font-size:37px;font-weight:800;line-height:1
}
body.tla-site-view .tla-ref-auth-recovery h1{
 font-size:clamp(27px,2.75vw,36px);
 margin:0 0 8px
}
body.tla-site-view .tla-ref-auth-recovery .tla-ref-auth-subtitle{
 max-width:420px;margin:0 auto 23px
}
body.tla-site-view .tla-ref-auth-recovery .tla-form{
 max-width:400px!important;margin:0 auto!important;
 text-align:left!important;padding:0;border:0;box-shadow:none;background:transparent
}
body.tla-site-view .tla-ref-auth-recovery .tla-form label{font-size:14px;margin:9px 0 7px}
body.tla-site-view .tla-ref-auth-recovery .tla-form button.tla-button{
 min-height:47px;margin:16px 0 0
}
.tla-ref-auth-recovery-art{
 min-height:310px;display:flex;
 align-items:center;justify-content:center;
 position:relative;overflow:hidden
}
.tla-ref-auth-recovery-art:before{
 content:"";position:absolute;
 width:95%;aspect-ratio:1.18;
 background:linear-gradient(125deg,#F1EAFF,#D9E8FF);
 border-radius:40% 60% 65% 35% / 58% 46% 54% 42%;
 z-index:0
}
.tla-ref-auth-recovery-art img{
 width:min(92%,330px);
 height:auto;max-height:325px;object-fit:contain;
 position:relative;z-index:1
}
body.tla-site-view .tla-ref-auth-recovery .tla-ref-auth-back-link{
 font-size:14px;font-weight:800;display:inline-block;margin-top:20px
}
body.tla-site-view .tla-ref-auth-recovery .tla-form>p:first-of-type{
 font-size:14px;margin:0 0 17px;
 color:#637189;text-align:center
}
/* On-site account pages have no extra unrelated footer or global nav. */
body.tla-site-view .tla-ref-auth-screen .tla-phase4-form-container{min-width:0}
@media(max-width:900px){
 body.tla-site-view .tla-ref-auth-registration-grid{
   grid-template-columns:minmax(155px,27%) minmax(0,1fr);
   padding:18px;gap:17px
 }
 body.tla-site-view .tla-ref-auth-illustration{min-height:590px}
 body.tla-site-view .tla-ref-auth-illustration .tla-ref-auth-portrait{
   height:240px;flex-basis:240px
 }
 .tla-ref-auth-steps{gap:6px}
 .tla-ref-auth-steps>li:not(:last-child):after{width:12px;margin-left:3px}
 body.tla-site-view .tla-ref-auth-illustration-copy h2{font-size:26px}
}
@media(max-width:720px){
 body.tla-site-view .tla-ref-auth-screen .tla-ref-auth-top{
   padding:17px 20px;flex-wrap:wrap;gap:10px 16px
 }
 body.tla-site-view .tla-ref-auth-registration-grid{grid-template-columns:1fr;padding:15px}
 body.tla-site-view .tla-ref-auth-illustration{
   min-height:0;display:grid;grid-template-columns:140px 1fr;align-items:stretch
 }
 body.tla-site-view .tla-ref-auth-illustration .tla-ref-auth-portrait{
   width:100%;height:100%;min-height:177px;flex:0 0 auto
 }
 body.tla-site-view .tla-ref-auth-illustration-copy{padding:16px}
 body.tla-site-view .tla-ref-auth-illustration-copy h2{font-size:23px}
 body.tla-site-view .tla-ref-auth-illustration-copy ul{gap:6px}
 body.tla-site-view .tla-ref-auth-illustration-copy li{font-size:12px}
 body.tla-site-view .tla-ref-auth-illustration-copy .tla-ref-auth-underline{margin-bottom:11px}
 .tla-ref-auth-register-main{padding:10px 3px}
 .tla-ref-auth-login-grid{grid-template-columns:minmax(190px,37%) minmax(0,63%)}
 body.tla-site-view .tla-ref-auth-login-main{padding:29px 24px}
 body.tla-site-view .tla-ref-auth-login-top h2{font-size:28px}
 .tla-ref-auth-login-top{padding:28px 17px 0}
}
@media(max-width:540px){
 body.tla-site-view.tla-phase4-page .tla-page-content.tla-account-page{
   padding:14px 11px!important
 }
 body.tla-site-view .tla-ref-auth-screen .tla-ref-auth-top{padding:16px 17px}
 body.tla-site-view .tla-ref-auth-screen .tla-ref-auth-logo img{width:158px}
 .tla-ref-auth-steps{gap:4px}
 .tla-ref-auth-steps>li{font-size:10px;gap:4px}
 .tla-ref-auth-steps>li strong{width:23px;height:23px}
 .tla-ref-auth-steps>li:not(:last-child):after{width:6px;margin:0 1px}
 .tla-ref-auth-choice-heading{padding:12px 18px}
 body.tla-site-view .tla-ref-auth-choice-heading h1{font-size:30px}
 body.tla-site-view .tla-ref-auth-choice-screen .tla-ref-auth-choice{gap:10px;padding:0 11px}
 body.tla-site-view .tla-ref-choice-card .tla-ref-choice-card-inner{min-height:300px}
 body.tla-site-view .tla-ref-choice-card .tla-ref-choice-image{height:155px;min-height:155px}
 body.tla-site-view .tla-ref-choice-name{font-size:15px;margin:9px 10px 5px;gap:6px}
 .tla-ref-radio-indicator{width:17px;height:17px}
 body.tla-site-view .tla-ref-choice-desc{font-size:12px;margin:0 9px 12px}
 .tla-ref-auth-illustration{grid-template-columns:105px 1fr}
 body.tla-site-view .tla-ref-auth-illustration-copy h2{font-size:22px}
 body.tla-site-view .tla-ref-auth-illustration-copy ul{display:none}
 body.tla-site-view .tla-ref-auth-registration #tutor-registration-form{grid-template-columns:1fr}
 body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>.tla-ref-form-half{grid-column:1/-1}
 body.tla-site-view .tla-ref-auth-form-heading{gap:10px}
 .tla-ref-auth-small-mark{width:46px;height:46px;flex-basis:46px}
 body.tla-site-view .tla-ref-auth-form-heading h1{font-size:23px}
 body.tla-site-view .tla-ref-auth-form-heading p{font-size:13px}
 .tla-ref-auth-login-grid{display:block}
 body.tla-site-view .tla-ref-auth-login-side{
   display:block;height:auto;padding:17px 20px;background:#0455F5
 }
 body.tla-site-view .tla-ref-auth-login-top{padding:0}
 body.tla-site-view .tla-ref-auth-login-top h2{font-size:23px;margin:0}
 .tla-ref-auth-login-top .tla-ref-auth-underline{margin:7px 0 0}
 body.tla-site-view .tla-ref-auth-login-photo,
 body.tla-site-view .tla-ref-auth-login-side ul{display:none!important}
 body.tla-site-view .tla-ref-auth-login-main{padding:27px 21px}
 body.tla-site-view .tla-ref-auth-login-main .tla-ref-auth-logo{margin-bottom:24px}
 body.tla-site-view .tla-ref-auth-centered{min-height:0;padding:25px 22px 37px}
 body.tla-site-view .tla-ref-auth-centered>.tla-ref-auth-logo{margin-bottom:28px}
 body.tla-site-view .tla-ref-auth-recovery{padding:25px 21px 37px;min-height:0}
 body.tla-site-view .tla-ref-auth-recovery>.tla-ref-auth-logo{margin-bottom:27px}
 .tla-ref-auth-recovery-grid{grid-template-columns:1fr;min-height:0}
 .tla-ref-auth-recovery-art{order:-1;min-height:150px;max-height:175px}
 .tla-ref-auth-recovery-art:before{width:165px}
 .tla-ref-auth-recovery-art img{width:165px;max-height:158px}
}
@media(prefers-reduced-motion:reduce){
 .tla-ref-auth-screen *{transition:none!important}
}

/* Tutor's single native terms checkbox, styled to match the reference. */
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form>.tla-ref-form-consent{
  grid-column:1/-1;
  margin:2px 0 3px;
  padding:9px 5px
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tla-ref-form-consent .tutor-input-wrapper{
  display:flex;
  gap:10px;
  align-items:flex-start
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tla-ref-form-consent input[type="checkbox"]{
  flex:0 0 18px;
  width:18px;height:18px;
  margin:2px 0 0;
  accent-color:#0455F5
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tla-ref-form-consent label{
  flex:1;
  font:500 13px/1.6 "Inter",Arial,sans-serif!important;
  color:#16233B
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tla-ref-form-consent label a{
  color:#0455F5;
  font-weight:750;
  text-decoration:none
}
body.tla-site-view .tla-ref-auth-registration #tutor-registration-form .tla-ref-form-consent label a:hover{
  text-decoration:underline
}