/* Rebuilt white vector illustrations and composition from the supplied reference. */
.registration.registration-reference{grid-template-columns:42% 58%;background:linear-gradient(160deg,#fa6021 0%,#e63c27 45%,#aa162e 100%);border-radius:0;min-height:850px;overflow:hidden;isolation:isolate}.registration-reference aside{display:flex;position:relative;isolation:isolate;direction:rtl;padding:45px 28px;gap:30px;justify-content:space-around;overflow:hidden}.registration-reference aside:before,.registration-reference aside:after{content:'';position:absolute;width:240px;height:350px;background:url('assets/logo.svg') center/contain no-repeat;filter:brightness(0) invert(1);opacity:.065;z-index:-1;pointer-events:none}.registration-reference aside:before{top:15px;right:-10px;transform:rotate(-2deg)}.registration-reference aside:after{bottom:-25px;left:-60px;transform:scale(1.2)}.registration-reference .registration-benefit{display:flex;flex-direction:row;align-items:center;gap:17px;min-height:115px}.registration-reference .registration-benefit img{width:76px;height:76px;flex:none;object-fit:contain}.registration-reference .registration-benefit p{font-size:13px;font-weight:600;line-height:1.9;margin:0;color:#fff;text-align:right;word-spacing:1px}.registration-reference .registration-main{padding:36px 35px;background:var(--bg);border-radius:32px 0 0 32px;direction:rtl}.registration-reference .form-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.registration-reference .form-heading h1{font-size:18px;line-height:1.8;letter-spacing:0}.registration-reference .form-heading>a{font-size:11px;white-space:nowrap}.registration-reference .soft-form{display:flex;flex-direction:column;align-items:stretch;gap:0;background:#e9e9e9;color:#303236;border:0;box-shadow:none;width:100%;max-width:510px;padding:25px 30px;margin:15px auto;border-radius:17px}.registration-reference .soft-form h2{font-size:20px;margin:0 0 20px;text-align:center}.registration-reference .soft-form>label:not(.check){display:block;width:100%;margin:0 0 11px;font-size:10px;color:#666;line-height:1.4}.registration-reference .soft-form input:not([type=checkbox]),.registration-reference .soft-form select{width:100%;padding:5px 0;min-height:30px;font-size:12px;color:#303236;background:transparent;border-bottom:1px solid #a8a8aa;line-height:1.5}.registration-reference .soft-form .check{font-size:10px;line-height:1.8;align-items:center;gap:7px;margin-block:10px 14px}.registration-reference .check input{margin:0}.registration-reference .primary{align-self:flex-end;padding:9px 23px;line-height:1.5}.registration-reference .form-status{font-size:10px;line-height:1.7;color:#666;margin:15px 0 0}.registration-reference .soft-form select option{background:var(--bg);color:var(--ink)}html[lang=en] .registration-reference .registration-main,html[lang=en] .registration-reference aside{direction:ltr}html[lang=en] .registration-reference .registration-benefit p{text-align:left}[data-theme=dark] .registration-reference .soft-form{background:#201f30;color:#f6f6fa}[data-theme=dark] .registration-reference .soft-form>label:not(.check),[data-theme=dark] .registration-reference .form-status{color:#c4c3cf}[data-theme=dark] .registration-reference .soft-form input:not([type=checkbox]),[data-theme=dark] .registration-reference .soft-form select{color:#f6f6fa;border-color:#686879}@media(max-width:1000px){.registration.registration-reference{grid-template-columns:40% 60%}.registration-reference aside{padding:35px 20px;gap:20px}.registration-reference .registration-benefit{gap:11px}.registration-reference .registration-benefit img{width:59px;height:59px}.registration-reference .registration-benefit p{font-size:11px}.registration-reference .registration-main{padding:28px 22px}.registration-reference .form-heading{align-items:flex-start;flex-direction:column;gap:5px}}@media(max-width:700px){.registration.registration-reference{grid-template-columns:1fr;min-height:0}.registration-reference .registration-main{order:1;border-radius:0;padding:25px 16px}.registration-reference aside{display:grid!important;order:2;grid-template-columns:1fr 1fr;gap:20px;padding:28px 20px}.registration-reference .registration-benefit{min-height:0;align-items:flex-start}.registration-reference .registration-benefit img{width:40px;height:40px}.registration-reference .registration-benefit p{font-size:10px;line-height:1.8}.registration-reference .soft-form{padding:24px}.registration-reference .form-heading h1{font-size:18px}}@media(max-width:420px){.registration-reference aside{grid-template-columns:1fr}.registration-reference .registration-benefit img{width:48px;height:48px}.registration-reference .registration-benefit p{font-size:11px}}
.registration-reference .soft-form.role-registration-form{max-width:560px}.register-role-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:20px}.register-role-tabs button{padding:10px 5px;border:1px solid #b9b9bb;border-radius:7px;color:#555;font-size:10px;line-height:1.7;background:#ffffff80}.register-role-tabs button.selected{background:linear-gradient(110deg,#f15b2b,#fbb042);border-color:#f15b2b;color:white}.role-registration-form>h3{font-size:13px;margin:4px 0 12px}.register-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;border:0!important;padding:0!important;margin-bottom:18px}.registration-reference .register-fields label{font-size:10px;color:#666;line-height:1.5;margin:0;min-width:0}.registration-reference .register-fields input,.registration-reference .register-fields select{width:100%}.registration-reference .registration-terms{display:flex;align-items:flex-start;margin-top:3px}.registration-reference .registration-terms input{margin-top:3px}.registration-reference .role-registration-form input[type=hidden]{display:none!important}[data-theme=dark] .register-role-tabs button{background:#272635;color:#e0dfec;border-color:#555563}[data-theme=dark] .register-role-tabs button.selected{background:linear-gradient(110deg,#f15b2b,#fbb042);color:white}[data-theme=dark] .registration-reference .register-fields label{color:#c4c3cf}@media(max-width:450px){.register-fields{grid-template-columns:1fr}.register-role-tabs{gap:4px}.register-role-tabs button{font-size:9px;padding:8px 4px}}
/* V37 — floating white membership form on a continuous orange canvas. */
.registration.registration-reference{align-items:center;background:linear-gradient(145deg,#fa6021,#e63c27 48%,#aa162e);border-radius:18px;margin-block:26px;padding:30px 0;min-height:0}.registration-reference .registration-main{background:transparent!important;border-radius:0;padding:10px 32px}.registration-reference .form-heading{color:#fff;margin-bottom:12px}.registration-reference .form-heading>a{color:#fff}.registration-reference .soft-form.role-registration-form{background:#fff;color:#303236;box-shadow:0 18px 55px #65132150;border-radius:17px;padding:25px;max-width:580px}.registration-reference .register-fields input,.registration-reference .register-fields select{border:1px solid #c9cbd1!important;border-radius:7px!important;background:#fafafa!important;padding:8px 10px!important;min-height:38px;color:#303236!important;margin-top:5px}.registration-reference .register-fields label{color:#555!important}.registration-reference .register-fields{gap:13px 15px}.registration-reference .registration-terms{flex-direction:row-reverse;justify-content:flex-end;white-space:nowrap;gap:6px!important;font-size:10px!important}.registration-reference .registration-terms span{white-space:nowrap;color:#444}.registration-reference .registration-terms input{width:14px;height:14px;flex:none;margin:0}.registration-reference aside{padding:20px 25px;gap:20px;justify-content:center}.registration-reference .registration-benefit{min-height:85px;gap:12px}.registration-reference .registration-benefit img{width:58px;height:58px}.registration-reference .registration-benefit p{font-size:11.5px;line-height:1.7;max-width:270px;word-spacing:0}.registration-reference .form-status{color:#666!important}.registration-reference .register-role-tabs button{color:#555;background:#f5f5f7}.registration-reference .register-role-tabs button.selected{color:white;background:linear-gradient(110deg,#f15b2b,#fbb042)}.registration-reference .soft-form h2,.registration-reference .soft-form h3{color:#303236}@media(max-width:700px){.registration.registration-reference{padding:18px 0}.registration-reference .registration-main{padding:0 14px}.registration-reference aside{padding:20px;gap:16px}.registration-reference .registration-benefit p{font-size:10px;line-height:1.7}.registration-reference .registration-benefit img{width:45px;height:45px}.registration-reference .registration-terms{font-size:9px!important}.registration-reference .soft-form.role-registration-form{padding:18px}}
@media(min-width:701px){.registration.registration-reference{align-items:start}.registration-reference aside{justify-content:flex-start}}