/* SHRM reference experience: calm split canvas, compact forms, subtle logo depth. */
.reference-flow-body{margin:0;background:#fff;color:#17324f;font-family:"Inter",Arial,sans-serif}.reference-page{padding:0;background:#fff}.reference-shell{width:100%;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff;overflow:visible}.reference-brand-panel{position:sticky;top:0;align-self:start;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:linear-gradient(115deg,#e4f5ff 0%,#f5faff 53%,#fff 100%)}.reference-brand-panel:before{content:"";position:absolute;inset:-18%;background:radial-gradient(circle at 18% 48%,rgba(40,174,233,.26),transparent 32%),radial-gradient(circle at 78% 38%,rgba(106,191,231,.13),transparent 25%);filter:blur(26px);pointer-events:none}.reference-brand-panel:after{content:"";position:absolute;left:22%;right:22%;bottom:15%;height:14px;border-radius:50%;background:rgba(21,64,103,.16);filter:blur(11px);transform:scaleX(.82);pointer-events:none}.reference-logo-stage{--logo-rotate-x:0deg;--logo-rotate-y:0deg;--logo-shift-x:0px;--logo-shift-y:0px;position:relative;z-index:1;width:min(55vw,440px);transform:perspective(900px) translate3d(var(--logo-shift-x),var(--logo-shift-y),42px) rotateX(var(--logo-rotate-x)) rotateY(var(--logo-rotate-y));transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.75,.2,1);will-change:transform}.reference-logo-stage img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 12px rgba(20,55,84,.08))}.reference-content-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(2.5rem,6vw,6rem);background:#fff}.reference-form-wrap{width:min(100%,392px)}.reference-form-wide{width:min(100%,680px)}.reference-form-wrap>h1{margin:0 0 1.35rem;color:#17324f;font-size:2rem;font-weight:700;line-height:1.15;letter-spacing:-.035em}.reference-form-wide>h1{font-size:clamp(2.15rem,3.1vw,3rem);margin-bottom:.75rem}.reference-intro{margin:0 0 1.7rem;color:#637487;font-size:.9rem;line-height:1.65}.reference-page-copy p{margin:0 0 .6rem}.reference-page-copy p:last-child{margin-bottom:0}.reference-form-wrap .form-label{margin-bottom:.45rem;color:#17324f;font-size:.78rem;font-weight:650}.reference-form-wrap .form-control,.reference-form-wrap .form-select{min-height:3.05rem;padding:.7rem .82rem;border:1px solid #d9e2e9;border-radius:.42rem;background:#fff;color:#17324f;font-size:.9rem;box-shadow:none}.reference-form-wrap textarea.form-control{min-height:auto}.reference-form-wrap .form-control:hover,.reference-form-wrap .form-select:hover{border-color:#aebfcd}.reference-form-wrap .form-control:focus,.reference-form-wrap .form-select:focus{border-color:#1182bf;box-shadow:0 0 0 .18rem rgba(17,130,191,.1)}.reference-form-wrap .form-control::placeholder{color:#b4c0ca}.reference-form-wrap .btn-primary{min-height:3.1rem;border:1px solid #0783c4;border-radius:.42rem;background:#0783c4;color:#fff;font-size:.88rem;font-weight:700;box-shadow:none;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}.reference-form-wrap .btn-primary:hover{border-color:#056fa8;background:#056fa8;transform:translateY(-1px);box-shadow:0 8px 18px rgba(7,131,196,.18)}.reference-form-wrap a{color:#087db9}.reference-login .captcha-box{padding:.75rem;margin-top:.2rem;border:1px solid #e1e8ee;border-radius:.45rem;background:#f8fafc}.reference-login .captcha-row{grid-template-columns:112px 1fr;gap:.65rem}.reference-login .captcha-question{min-height:3.05rem;border:1px solid #d7e1e9;border-radius:.38rem;background:#f2f7fa;color:#17324f;font-size:1.05rem}.reference-help{margin:1.05rem 0 0;color:#8a98a6;font-size:.7rem;text-align:center}.reference-form-section{display:flex;align-items:center;gap:.7rem;margin:1.65rem 0 1rem;padding-bottom:.8rem;border-bottom:1px solid #e5ebf0}.reference-form-section>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:50%;background:#eaf6fc;color:#0783c4;font-size:.66rem;font-weight:800}.reference-form-section h3,.reference-form-section p{margin:0}.reference-form-section h3{color:#17324f;font-size:.98rem}.reference-form-section p{color:#8492a0;font-size:.69rem}.field-optional{margin-left:.2rem;color:#8796a4;font-size:.62rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.consent-panel{padding:1rem;border:1px solid #dfe7ed;border-radius:.5rem;background:#f8fafc}.consent-panel .form-check-label{color:#53687b;font-size:.76rem;line-height:1.55}.reference-register .reference-content-panel{align-items:flex-start;padding-top:4.5rem;padding-bottom:4.5rem}.reference-submit{margin-top:.25rem}.reference-complete .reference-content-panel{background:#fff}.confirmation-wrap{width:min(100%,500px)}.confirmation-mark{width:54px;height:54px;display:grid;place-items:center;margin-bottom:1.4rem;border-radius:50%;background:#e4f5ed;color:#14734c;font-size:1.55rem;font-weight:800;box-shadow:0 0 0 9px #f3fbf7}.confirmation-reference{display:flex;flex-direction:column;margin:1.5rem 0;padding:1rem 1.1rem;border-left:3px solid #0783c4;background:#f7fafc}.confirmation-reference span,.confirmation-reference small{color:#738597;font-size:.68rem}.confirmation-reference strong{margin:.2rem 0;color:#173f60;font-size:1.15rem;letter-spacing:.035em}.confirmation-timeline{display:grid;gap:.75rem;margin:1.4rem 0}.confirmation-timeline>div{display:grid;grid-template-columns:28px 1fr;align-items:start;gap:.7rem}.confirmation-timeline>div>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#eaf6fc;color:#0783c4;font-size:.64rem;font-weight:800}.confirmation-timeline p,.confirmation-timeline strong{display:block}.confirmation-timeline p{margin:0;color:#6d7e8f;font-size:.75rem}.confirmation-timeline strong{color:#173b57;font-size:.82rem}.confirmation-note{display:flex;flex-direction:column;padding:.9rem 1rem;border:1px solid #d9e5ec;border-radius:.45rem;background:#f8fafc}.confirmation-note strong{color:#17415e;font-size:.8rem}.confirmation-note span{margin-top:.15rem;color:#6f8191;font-size:.72rem}@media(max-width:900px){.reference-shell{grid-template-columns:1fr}.reference-brand-panel{position:relative;min-height:320px}.reference-logo-stage{width:min(72vw,380px)}.reference-brand-panel:after{bottom:12%}.reference-content-panel,.reference-register .reference-content-panel{min-height:auto;padding:3rem 1.4rem}.reference-form-wrap,.reference-form-wide,.confirmation-wrap{width:min(100%,680px)}.reference-login .reference-form-wrap{width:min(100%,440px)}}@media(max-width:575.98px){.reference-brand-panel{min-height:245px}.reference-logo-stage{width:min(78vw,320px)}.reference-content-panel,.reference-register .reference-content-panel{padding:2.4rem 1rem}.reference-form-wrap>h1,.reference-form-wide>h1{font-size:2rem}.reference-login .captcha-row{grid-template-columns:1fr}.confirmation-mark{width:48px;height:48px;font-size:1.35rem}}@media(prefers-reduced-motion:reduce){.reference-logo-stage,.reference-form-wrap .btn-primary{transition:none!important;transform:none!important}}
/* Keep the required security challenge inside the reference-height login viewport. */
.reference-login .reference-content-panel{padding:2rem}
/* Shared browser-session guard shown when another account is already active. */
.active-session-card{display:grid;grid-template-columns:36px 1fr;gap:.8rem;margin:0 0 1.2rem;padding:1rem;border:1px solid #cfe2ec;border-radius:.5rem;background:#f5fafc}.active-session-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e1f4eb;color:#14734c;font-weight:800}.active-session-card strong{display:block;color:#173b57;font-size:.9rem}.active-session-card p{margin:.2rem 0 0;color:#5f7385;font-size:.78rem;line-height:1.55}.active-session-card b{color:#173b57}.reference-form-wrap .btn-outline-secondary{min-height:3.1rem;border-color:#b9c8d3;color:#38546a;font-size:.85rem}.reference-form-wrap .btn-outline-secondary:hover{border-color:#38546a;background:#38546a;color:#fff}

/* Registration campaign branding supplied for IAC 2026. */
.reference-form-banner{width:100%;margin:0 0 1.25rem;overflow:hidden;border-radius:.5rem}
.reference-form-banner img{display:block;width:100%;height:auto}
.reference-form-wide>h1{font-size:clamp(1.55rem,2vw,1.8rem);line-height:1.12;white-space:nowrap}
.reference-form-wrap .form-control.is-invalid,.reference-form-wrap .form-select.is-invalid{border-color:#dc3545!important;box-shadow:0 0 0 .18rem rgba(220,53,69,.14)!important;background-image:none}
.reference-form-wrap .form-check-input.is-invalid{border-color:#dc3545!important;box-shadow:0 0 0 .18rem rgba(220,53,69,.14)!important}
.reference-field-error{display:block;margin-top:.35rem;color:#dc3545;font-size:.75rem;line-height:1.35}
@media(max-width:575.98px){.reference-form-banner{margin-bottom:1rem}.reference-form-wide>h1{font-size:clamp(1.35rem,6vw,1.65rem);white-space:normal}}
/* Registration response length feedback */
.character-count{flex:0 0 auto;color:#6f8191;font-size:.68rem;font-weight:700;white-space:nowrap}.character-count.is-invalid{color:#b5473c}.reference-form-wrap select:disabled{cursor:not-allowed;background-color:#f1f5f8;color:#8292a0}.reference-form-wrap textarea:valid+.form-text{color:#657d8e}