/* BeaMiiLocal /opret-konto/ v1.2
 * Page-scoped signup UI. Backend field names and auth flow are unchanged.
 */

.beamii-register{
	min-height:100dvh;
	padding-top:calc(var(--safe-top) + 88px);
	padding-bottom:calc(var(--beamii-shell-content-bottom-space, 98px) + 20px + env(safe-area-inset-bottom, 0px)) !important;
	background:
		radial-gradient(circle at 12% 12%, rgba(31,163,214,.10), transparent 28%),
		linear-gradient(180deg,#f6fbfe 0%,#edf6fb 100%);
}

.beamii-register__wrap{
	width:min(100% - 24px, 680px);
	max-width:680px;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	gap:14px;
}

.beamii-register__hero{
	position:relative;
	overflow:hidden;
	padding:18px;
	border-radius:24px;
	background:
		radial-gradient(circle at 88% 5%,rgba(255,255,255,.20),transparent 30%),
		linear-gradient(135deg,#174f7b 0%,#2e7ead 58%,#58b9df 100%);
	color:#fff;
	box-shadow:0 16px 38px rgba(26,82,122,.18);
}

.beamii-register__hero::after{
	content:"";
	position:absolute;
	right:-18px;
	top:-24px;
	width:130px;
	height:130px;
	border-radius:50%;
	border:24px solid rgba(255,255,255,.08);
	pointer-events:none;
}

.beamii-register__hero-copy,
.beamii-register__hero-points{
	position:relative;
	z-index:1;
}

.beamii-register__hero-title{
	margin:0;
	color:#fff;
	font-size:clamp(23px,6.2vw,30px);
	line-height:1.08;
	font-weight:950;
	letter-spacing:-.035em;
}

.beamii-register__hero-text{
	margin:7px 0 0;
	max-width:48ch;
	color:rgba(255,255,255,.92);
	font-size:13px;
	line-height:1.45;
}

.beamii-register__hero-points{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:0;
	margin-top:14px;
}

.beamii-register__hero-point{
	display:flex;
	align-items:flex-start;
	gap:7px;
	min-width:0;
	padding:0 10px;
	border-left:1px solid rgba(255,255,255,.18);
	color:rgba(255,255,255,.96);
	font-size:11px;
	line-height:1.3;
	font-weight:850;
}

.beamii-register__hero-point:first-child{
	padding-left:0;
	border-left:0;
}

.beamii-register__hero-point:last-child{padding-right:0}
.beamii-register__hero-point i{margin-top:1px;font-size:13px;flex:0 0 auto}

.beamii-register__notice,
.beamii-register__resend{
	border-radius:20px;
	background:#fff;
	border:1px solid rgba(19,48,75,.08);
	box-shadow:0 8px 24px rgba(17,54,82,.06);
}

.beamii-register__notice{
	display:flex;
	gap:11px;
	align-items:flex-start;
	padding:13px 14px;
}

.beamii-register__notice-icon{
	width:38px;
	height:38px;
	display:grid;
	place-items:center;
	flex:0 0 38px;
	border-radius:12px;
	background:#fff0f0;
	color:#b42318;
}

.beamii-register__notice.is-success .beamii-register__notice-icon{background:#eaf8ef;color:#16844b}
.beamii-register__notice-body{min-width:0}
.beamii-register__notice-title{color:#17324d;font-size:13.5px;font-weight:900}
.beamii-register__notice-text{margin-top:3px;color:#66788a;font-size:12px;line-height:1.45}
.beamii-register__notice-text>span{display:block}
.beamii-register__retry{margin-top:4px;color:#4f6477}
.beamii-register__retry strong{color:#17324d;font-variant-numeric:tabular-nums;font-weight:900}

.beamii-register__resend{display:grid;gap:9px;padding:14px}
.beamii-register__resend-title{color:#17324d;font-size:14px;font-weight:900}
.beamii-register__resend-text{color:#6e7f90;font-size:12px;line-height:1.45}
.beamii-register__resend-form{display:flex;flex-wrap:wrap;gap:8px}
.beamii-register__resend-btn{min-height:44px;padding:0 14px;border:0;border-radius:14px;background:#e9f6fc;color:#126f9b;font-size:13px;font-weight:900;display:inline-flex;align-items:center;gap:8px}
.beamii-register__resend-links a{color:#1388c2!important;font-size:12px;font-weight:900}

.beamii-register__card{
	padding:0 18px;
	border-radius:26px;
	background:rgba(255,255,255,.985);
	border:1px solid rgba(255,255,255,.88);
	box-shadow:0 18px 42px rgba(25,69,101,.10);
}

.beamii-register__form{display:block}

.beamii-register__form-error{
	margin:18px 0 0;
	padding:12px 14px;
	border:1px solid #f2c8c3;
	border-radius:14px;
	background:#fff5f4;
	color:#a22b22;
	font-size:12.5px;
	line-height:1.45;
	font-weight:800;
}
.beamii-register__form-error[hidden]{display:none!important}

.beamii-register__step{
	padding:22px 0;
	border-top:1px solid #e9eff4;
}
.beamii-register__step:first-of-type{border-top:0}

.beamii-register__step-head{
	display:grid;
	grid-template-columns:42px minmax(0,1fr);
	gap:11px;
	align-items:center;
	margin-bottom:16px;
}

.beamii-register__step-number{
	width:42px;
	height:42px;
	display:grid;
	place-items:center;
	border-radius:50%;
	background:linear-gradient(145deg,#eef9ff,#cbeeff);
	color:#0b5685;
	font-size:17px;
	line-height:1;
	font-weight:950;
	text-align:center;
	flex:0 0 42px;
}

.beamii-register__step-head h2{
	margin:1px 0 0;
	color:#112b46;
	font-size:20px;
	line-height:1.15;
	font-weight:950;
	letter-spacing:-.025em;
}

.beamii-register__step-head p{
	margin:3px 0 0;
	color:#748496;
	font-size:12px;
	line-height:1.4;
}

.beamii-register__grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:11px;
}

.beamii-register__field{display:grid;gap:6px;margin-top:11px}
.beamii-register__grid .beamii-register__field{margin-top:0}
.beamii-register__label{color:#41576c;font-size:11px;font-weight:900}

.beamii-register__inputwrap{
	position:relative;
	display:flex;
	align-items:center;
	min-height:52px;
	border:1px solid #dfe6ed;
	border-radius:15px;
	background:#fff;
	box-shadow:0 3px 10px rgba(17,47,72,.035);
	transition:border-color .16s ease,box-shadow .16s ease;
}

.beamii-register__inputwrap:focus-within{
	border-color:#6bc5ed;
	box-shadow:0 0 0 3px rgba(42,168,221,.10);
}

.beamii-register__inputwrap>i{
	width:42px;
	flex:0 0 42px;
	text-align:center;
	color:#75879a;
	font-size:14px;
}

.beamii-register__inputwrap input{
	width:100%;
	min-width:0;
	height:50px;
	padding:0 12px 0 0;
	border:0;
	outline:0;
	background:transparent;
	color:#17324d;
	font-size:15px;
}
.beamii-register__inputwrap input::placeholder{color:#98a6b6}
.beamii-register__inputwrap--password input{padding-right:0}

.beamii-register__toggle{
	width:42px;
	height:42px;
	margin-right:4px;
	flex:0 0 42px;
	border:0;
	border-radius:12px;
	background:transparent;
	color:#718499;
	cursor:pointer;
}

.beamii-register__passwords{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.beamii-register__match{min-height:16px;color:#8795a5;font-size:10.5px;line-height:1.35;font-weight:750}
.beamii-register__match.is-ok{color:#16844b}
.beamii-register__match.is-bad{color:#b42318}

.beamii-register__checks{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:7px;
	margin-top:10px;
}
.beamii-register__check{
	display:flex;
	min-height:34px;
	align-items:center;
	justify-content:center;
	gap:6px;
	padding:7px 8px;
	border-radius:999px;
	background:#f2f7fa;
	color:#758597;
	font-size:10.5px;
	line-height:1.15;
	font-weight:850;
	text-align:center;
	white-space:nowrap;
}
.beamii-register__check i{font-size:10px;opacity:.55}
.beamii-register__check.is-ok{background:#edf8f1;color:#1f8750}
.beamii-register__check.is-ok i{opacity:1}

/* Registration-specific local-region presentation. */
.beamii-register__step--region .beamii-region-relation{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:9px;
}

.beamii-register__step--region .beamii-region-relation__option{
	position:relative;
	display:grid!important;
	grid-template-columns:18px 22px minmax(0,1fr);
	gap:7px;
	align-items:start;
	min-height:88px;
	padding:13px!important;
	border:1px solid #dfe7ef;
	border-radius:15px;
	background:#fff;
	box-shadow:none;
}
.beamii-register__step--region .beamii-region-relation__option:has(input:checked){
	border-color:#63c3ed;
	background:#f2fbff;
	box-shadow:0 0 0 2px rgba(62,178,227,.09);
}
.beamii-register__step--region .beamii-region-relation__option>input{margin-top:2px!important;accent-color:#148dcc}
.beamii-register__step--region .beamii-region-relation__option>i{margin-top:1px;color:#255d82;font-size:15px;text-align:center}
.beamii-register__step--region .beamii-region-relation__option strong{font-size:12px;line-height:1.25;color:#16324d}
.beamii-register__step--region .beamii-region-relation__option small{margin-top:3px;color:#758597;font-size:10.5px;line-height:1.35}

.beamii-register__step--region .beamii-region-smart__finder{
	display:grid;
	grid-template-columns:1fr;
	gap:8px;
	margin-top:12px;
}
.beamii-register__step--region .beamii-region-smart__search{display:block!important}
.beamii-register__step--region .beamii-region-smart__searchbox{position:relative}
.beamii-register__step--region .beamii-region-smart__searchbox>i{left:14px;color:#6f8398}
.beamii-register__step--region .beamii-region-smart__searchbox input{
	width:100%!important;
	height:50px!important;
	padding:0 14px 0 42px!important;
	border:1px solid #dfe6ed!important;
	border-radius:15px!important;
	background:#fff!important;
	box-shadow:0 3px 10px rgba(17,47,72,.035)!important;
	color:#17324d!important;
	font-size:14px!important;
	outline:0!important;
}
.beamii-register__step--region .beamii-region-smart__searchbox input:focus{
	border-color:#6bc5ed!important;
	box-shadow:0 0 0 3px rgba(42,168,221,.10)!important;
}

.beamii-register__step--region .beamii-region-smart__locate{
	width:100%;
	min-height:46px;
	border:1px solid #d9e8f1;
	border-radius:15px;
	background:#f7fcff;
	color:#173a55;
	font-size:12.5px;
	font-weight:900;
}
.beamii-register__step--region .beamii-region-smart__locate i{color:#187fb4}

.beamii-register__step--region .beamii-region-smart__results{
	display:grid;
	gap:6px;
	margin-top:8px;
}
.beamii-register__step--region .beamii-region-smart__results[hidden]{display:none!important}
.beamii-register__step--region .beamii-region-smart__result{
	min-height:48px;
	border-color:#dfe8ef;
	border-radius:13px;
	box-shadow:0 4px 12px rgba(17,47,72,.035);
}

.beamii-register__step--region .beamii-region-smart__message{
	margin:7px 1px 0;
	color:#8391a1;
	font-size:10.5px;
	line-height:1.4;
}
.beamii-register__step--region .beamii-region-smart__message[data-state="error"]{color:#b42318}
.beamii-register__step--region .beamii-region-smart__message[data-state="success"]{color:#16844b}

.beamii-register__region-hint{display:none}

.beamii-register__region-summary{
	display:grid;
	grid-template-columns:44px minmax(0,1fr) 24px;
	gap:11px;
	align-items:center;
	margin-top:11px;
	padding:12px 13px;
	border:1px solid #d3ead8;
	border-radius:16px;
	background:linear-gradient(135deg,#f5fbf5,#fbfdf8);
}
.beamii-register__region-summary[hidden]{display:none!important}
.beamii-register__region-summary-icon{
	width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#e4f6e8;color:#269246;font-size:18px
}
.beamii-register__region-summary-copy{min-width:0}
.beamii-register__region-summary-copy>span{display:block;color:#348652;font-size:10.5px;font-weight:850}
.beamii-register__region-summary-copy>strong{display:block;margin-top:2px;color:#132f49;font-size:15px;line-height:1.2;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.beamii-register__region-summary-copy>small{display:block;margin-top:2px;color:#687c8d;font-size:11px;line-height:1.3}
.beamii-register__region-summary-check{color:#32a451;font-size:20px}

.beamii-register__region-choice{
	display:grid;
	gap:6px;
	margin-top:10px;
	padding:11px;
	border:1px solid #dce7ef;
	border-radius:14px;
	background:#f8fbfd;
}
.beamii-register__region-choice[hidden]{display:none!important}
.beamii-register__region-choice label{color:#4e6578;font-size:10.5px;font-weight:850}
.beamii-register__region-choice select{
	width:100%;
	height:44px;
	padding:0 36px 0 12px;
	border:1px solid #d9e3ec;
	border-radius:12px;
	background:#fff;
	color:#17324d;
	font-size:13px;
	font-weight:800;
}

.beamii-register__region-status{margin:6px 1px 0;color:#8694a3;font-size:10.5px;line-height:1.35}
.beamii-register__region-status[data-state="error"]{color:#b42318}
.beamii-register__region-status[data-state="ok"]{color:#3b7653}

.beamii-register__consents{display:grid;gap:8px}
.beamii-register__consent{
	display:flex;
	align-items:flex-start;
	gap:10px;
	padding:10px 2px;
	color:#314a61;
	font-size:12.5px;
	line-height:1.45;
	font-weight:700;
}
.beamii-register__consent+.beamii-register__consent{border-top:1px solid #edf1f4}
.beamii-register__consent>span{min-width:0;flex:1}
.beamii-register__consent input{
	width:20px;
	height:20px;
	margin:0;
	flex:0 0 20px;
	accent-color:#148dcc;
}
.beamii-register__consent a{color:#0c8bc9!important;font-weight:900;text-decoration:underline!important;text-underline-offset:2px}
.beamii-register__consent strong{display:block;color:#314a61;font-size:12.5px}
.beamii-register__consent em{color:#8391a1;font-style:normal;font-weight:700}
.beamii-register__consent small{display:block;margin-top:3px;color:#82909f;font-size:10.5px;line-height:1.4;font-weight:600}
.beamii-register__consent--optional{margin-top:2px;padding:11px 10px;border:1px solid #e7edf2!important;border-radius:13px;background:#fafcfd}

.beamii-register__submit{
	width:100%;
	min-height:54px;
	margin-top:2px;
	border:0;
	border-radius:17px;
	background:linear-gradient(135deg,#176e9f 0%,#174f7b 100%);
	box-shadow:0 10px 24px rgba(22,91,132,.20);
	color:#fff;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	font-size:14px;
	font-weight:950;
	cursor:pointer;
	transition:transform .15s ease,opacity .15s ease;
}
.beamii-register__submit:active{transform:scale(.99)}
.beamii-register__submit.is-loading{opacity:.8;cursor:wait}

.beamii-register__footer{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:5px;
	padding:14px 0 18px;
	color:#8291a1;
	font-size:11.5px;
	flex-wrap:wrap;
	text-align:center;
}
.beamii-register__footer a{color:#0c8bc9!important;font-weight:900}

.beamii-auth__hp{
	position:absolute!important;
	left:-9999px!important;
	width:1px!important;
	height:1px!important;
	overflow:hidden!important;
	opacity:0!important;
	pointer-events:none!important;
}

@media (max-width:560px){
	.beamii-register__wrap{width:min(100% - 24px,680px)}
	.beamii-register__card{padding:0 14px;border-radius:23px}
	.beamii-register__grid,.beamii-register__passwords{grid-template-columns:1fr}
	.beamii-register__passwords{gap:0}
	.beamii-register__hero{padding:16px;border-radius:22px}
	.beamii-register__hero-point{padding:0 7px;font-size:10px}
	.beamii-register__step{padding:19px 0}
}

@media (max-width:390px){
	.beamii-register{padding-top:calc(var(--safe-top) + 82px)}
	.beamii-register__hero-points{grid-template-columns:1fr;gap:7px}
	.beamii-register__hero-point,.beamii-register__hero-point:first-child,.beamii-register__hero-point:last-child{padding:0;border:0}
	.beamii-register__step--region .beamii-region-relation{grid-template-columns:1fr}
	.beamii-register__step--region .beamii-region-relation__option{min-height:0}
	.beamii-register__checks{grid-template-columns:1fr 1fr}
	.beamii-register__check:last-child{grid-column:1/-1}
}


@media (max-width:460px){
	.beamii-register__step-head{grid-template-columns:38px minmax(0,1fr);gap:10px}
	.beamii-register__step-number{width:38px;height:38px;flex-basis:38px;font-size:16px}
	.beamii-register__step-head h2{font-size:19px}
	.beamii-register__checks{gap:6px}
	.beamii-register__check{min-height:32px;padding:6px 7px;font-size:10px}
	.beamii-register__consent{padding:11px 2px}
}

@media (prefers-reduced-motion:reduce){
	.beamii-register *{scroll-behavior:auto!important;transition:none!important}
}