body.auth-page{padding:clamp(10px,2vw,24px);background:radial-gradient(circle at 92% 5%,rgba(79,70,229,.13),transparent 28%),radial-gradient(circle at 5% 90%,rgba(20,184,166,.12),transparent 26%),linear-gradient(180deg,#f7f9fc,#eef3f8)}
.register-shell{width:min(1240px,100%)!important;grid-template-columns:minmax(0,1fr) minmax(280px,330px)!important;gap:16px!important}.register-main{border-radius:26px!important;border:1px solid #dfe7f1!important;box-shadow:0 24px 70px rgba(15,23,42,.09)!important}.top-links{padding:14px 20px!important;background:rgba(248,250,252,.9)!important;backdrop-filter:blur(12px)}.brand-link{display:inline-flex;align-items:center;gap:8px;color:#312e81!important;text-decoration:none;font-size:15px}.brand-link:before{content:"IF";width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#4f46e5,#0ea5e9);color:#fff;font-weight:1000}.mini-link{background:#fff!important;border:1px solid #dbe3ef!important;box-shadow:0 5px 14px rgba(15,23,42,.04)}.auth-title{margin-top:22px!important;line-height:1.45!important}.auth-subtitle{font-size:13px;line-height:2!important}.required-note{border-radius:12px!important}.register-progress{padding:0 18px;margin:18px 0 22px!important;counter-reset:step}.register-progress span{position:relative;background:#f7f9fc!important;border:1px solid #e2e8f0;border-radius:14px!important;padding:10px 12px!important}.register-progress span:not(:last-child):after{content:"";position:absolute;left:-9px;top:50%;width:10px;height:1px;background:#cbd5e1}.register-progress b{background:linear-gradient(135deg,#eef2ff,#dbeafe)!important;color:#3730a3!important}.section-title{margin-top:26px!important;padding-top:18px!important}.section-title h2{font-size:17px!important}.section-title span{width:34px!important;height:34px!important;border-radius:12px!important;background:#eef2ff!important;color:#4338ca!important;border-color:#c7d2fe!important}.role-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}.role-card{min-height:132px!important;border-radius:18px!important;padding:16px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-content:center}.role-card:before{display:none!important}.role-card .role-icon{grid-row:1/3;width:42px;height:42px;border-radius:14px;background:#f1f5f9;color:#475569;display:grid;place-items:center;align-self:center}.role-card .role-icon svg{width:21px}.role-card b{grid-column:2;font-size:14px!important}.role-card span{grid-column:2;font-size:10.5px!important}.role-card.selected{border-color:#4f46e5!important;box-shadow:0 0 0 3px rgba(79,70,229,.10),0 14px 30px rgba(79,70,229,.08)!important;background:linear-gradient(145deg,#fff,#f7f7ff)!important}.role-card.selected .role-icon{background:#eef2ff;color:#4f46e5}.role-card.selected:after{left:10px!important;top:10px!important;background:#ecfdf5!important;color:#047857!important}.register-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.form-group{min-width:0;margin:0!important}.form-group label{display:flex!important;align-items:center;min-height:22px;margin:0 0 6px!important;color:#334155!important}.form-control{height:auto!important;min-height:48px!important;padding:10px 12px!important;border-radius:13px!important;background:#fff!important;border-color:#d7e1ec!important}.form-control:hover{border-color:#b9c8da!important}.form-control:focus{border-color:#4f46e5!important;box-shadow:0 0 0 3px rgba(79,70,229,.12)!important}.field-hint,.form-group small{font-size:10.5px;line-height:1.75}.company-note{border-radius:13px!important}.map-box{border-radius:18px!important;border-color:#d7e1ec!important}.register-map{height:310px!important}.map-toolbar{padding:11px 12px!important;gap:12px!important}.map-toolbar>div{min-width:max-content}.coord{font-size:10px;white-space:nowrap}.otp-box{border-radius:18px!important;padding:15px!important}.captcha-inline{grid-template-columns:minmax(145px,.7fr) minmax(120px,1fr) auto!important}.otp-row{grid-template-columns:minmax(0,1fr) auto!important}.captcha-inline .btn,.otp-row .btn{min-width:132px!important;width:auto!important}.submit-row{position:sticky;bottom:8px;z-index:8;margin-top:20px!important;padding:12px!important;border:1px solid #dbe3ef!important;border-radius:16px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px);box-shadow:0 16px 38px rgba(15,23,42,.10)}.submit-row .btn-primary{min-height:50px;border-radius:13px!important}.register-side{border-radius:26px!important;background:linear-gradient(160deg,#111827,#312e81 58%,#0f766e)!important;padding:22px!important}.register-side:before{content:"";display:block;width:70px;height:6px;border-radius:999px;background:linear-gradient(90deg,#5eead4,#93c5fd);margin-bottom:20px}.register-side h2{font-size:23px!important}.side-list{gap:9px!important}.side-item{border-radius:15px!important;padding:12px!important}.side-num{background:rgba(255,255,255,.14)!important}.form-error-summary{position:sticky;top:8px;z-index:10;box-shadow:0 10px 24px rgba(190,18,60,.08)}
.referral-highlight{grid-column:1/-1;border:1px solid #c7d2fe;background:linear-gradient(135deg,#eef2ff,#f8fafc);border-radius:16px;padding:12px}.referral-highlight label{color:#3730a3!important}.referral-highlight .form-control{background:#fff!important}.referral-note{display:flex;align-items:flex-start;gap:7px;margin-top:7px;color:#64748b;font-size:10.5px;line-height:1.8}.referral-note svg{width:15px;flex:0 0 auto;color:#4f46e5}
@media(max-width:1050px){.register-shell{grid-template-columns:1fr!important}.register-side{position:static!important;order:-1}.register-side .side-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.register-side>p:last-child{display:none}}
@media(max-width:760px){body.auth-page{padding:0!important}.register-shell{display:block!important}.register-main{border-radius:0!important;border-inline:0!important;box-shadow:none!important}.register-side{margin:10px;border-radius:20px!important}.register-side .side-list{grid-template-columns:1fr}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.register-grid{grid-template-columns:1fr!important}.span-2,.referral-highlight{grid-column:1!important}.register-progress{grid-template-columns:1fr!important}.register-progress span:not(:last-child):after{display:none}.map-toolbar{display:grid!important}.map-toolbar>div{display:grid!important;grid-template-columns:1fr!important;min-width:0}.map-toolbar .btn{width:100%!important}.register-map{height:260px!important}.submit-row{bottom:0!important;border-radius:14px 14px 0 0!important;margin-inline:-12px!important;padding-inline:12px!important}.captcha-inline,.otp-row{grid-template-columns:1fr!important}.captcha-inline .btn,.otp-row .btn{width:100%!important;min-width:0!important}}
@media(max-width:470px){.role-grid{grid-template-columns:1fr!important}.role-card{min-height:96px!important}.register-main{padding-bottom:4px!important}.auth-title{font-size:26px!important}.auth-subtitle{font-size:12px}.register-map{height:230px!important}.register-side{padding:18px!important}.register-progress{display:none!important}.form-control{font-size:16px!important}.section-title{margin-top:22px!important}}