@charset "utf-8";
/* CSS Document */

*
{
	margin:0;
	padding:0;
	box-sizing:border-box;
	
}
body{
	 background: linear-gradient(137deg, #4280ff, #9ea1a7, #f3b956, #925d03, #9274ec, #f58445);
    background-size: 1200% 1200%;

    -webkit-animation: AnimationName 11s ease infinite;
    -moz-animation: AnimationName 11s ease infinite;
    animation: AnimationName 11s ease infinite;
	/*background: linear-gradient(110deg, #fdfbfb 60%, #f5f5f5 60%);*/
	}
	 @-webkit-keyframes AnimationName {
    0%{background-position:0% 18%}
    50%{background-position:100% 83%}
    100%{background-position:0% 18%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 18%}
    50%{background-position:100% 83%}
    100%{background-position:0% 18%}
}
@keyframes AnimationName {
    0%{background-position:0% 18%}
    50%{background-position:100% 83%}
    100%{background-position:0% 18%}
}
.porfile 
{
	display:flex;
	justify-content:center;
	align-items:center;
}
.porfile .outer-area
{
	width: 60rem;
	height: 60rem;
	border: 1px solid  #C3C3C3 ;
	border-radius: 50%;
	position:relative;
	animation: move 30s linear infinite;
}
@media screen and (max-width: 1400px) {

	.porfile .outer-area {
		width: 45rem;
		height: 45rem;
		border: 1px solid #C3C3C3;
		border-radius: 50%;
		position: relative;
		animation: move 30s linear infinite;
	}
	.porfile .inner-circle {
		position: absolute !important;
		width: 35rem !important;
		height: 35rem !important;
		border-radius: 50% !important;
		overflow: hidden !important;
		box-shadow: -2px 6px 4px #D4D4D4 !important;
		transition: 0.6s !important;
	}
	.inner-circle a img{
		height:400px !important;
	}
	.porfile .outer-area a:nth-child(5) ion-icon {
		left: calc(86% - 3rem);
		bottom: 4rem;
	}

}
@media screen and (max-width: 850px) {

	.porfile .outer-area {
	
		width: 35rem;
		height: 35rem;
		border: 1px solid #C3C3C3;
		border-radius: 50%;
		position: relative;
		animation: move 30s linear infinite;
	}

	.porfile .inner-circle {
		position: absolute !important;
		width: 25rem !important;
		height: 25rem !important;
		border-radius: 50% !important;
		overflow: hidden !important;
		box-shadow: -2px 6px 4px #D4D4D4 !important;
		transition: 0.6s !important;
	}

	.inner-circle a img {
		height: 250px !important;
	}

	.porfile .outer-area a:nth-child(5) ion-icon {
		left: calc(86% - 3rem);
		bottom: 4rem;
	}

}
@keyframes move{
	to{
		transform: rotate(360deg)}}
.porfile .outer-area ion-icon {
	display: block;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	position: absolute;
	color: #F0F;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	font: 8px;
	background: #FFFFFF;
	box-shadow: -2px 4px 4px #D4D4D4;
}
.porfile .outer-area a:nth-child(1) ion-icon{
	left: calc(50% - 2rem);
	top: -2rem;
	}
.porfile .outer-area a:nth-child(2) ion-icon{
	right: -2rem;
	top: calc(50% - 2rem);
	
	}
.porfile .outer-area a:nth-child(3) ion-icon{
	top: calc(50% - 2rem);
	left: -2rem;
	}
.porfile .outer-area a:nth-child(4) ion-icon{
	left: calc(50% - 2rem);
	bottom:  -2rem;
	}
.porfile .outer-area a:nth-child(5) ion-icon {
	left: calc(86% - 2rem);
	bottom: 3rem;
}
.porfile .inner-circle{
	position: absolute;
	width: 50rem;
	height: 50rem;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: -2px 6px 4px #D4D4D4;
	transition:0.6s;
}
.porfile .inner-circle:hover{
		background:#FFFFFF;
		box-shadow: -2px 5px 8px #D4D4D4;
		transform: scale(1.1);
		color:#287bff;
		
	}

.inputBox
{position: relative;
width:400px;
height:46px;
margin-bottom: 35px;
}
h2{
	color:#111;
	margin-bottom: 45px;
	line-height: 1em;
	font-weight: 500;
	padding-left: 10px;
	border-left: 5px solid #C10003;
}
.inputBox:last-child
{	
	margin-bottom: 0;}

.inputBox input
{ 
	position: absolute;
	top:0;
	left:0;
	width:100%;
	border:1px solid #BDBDBD;
	background: transparent;
	padding: 10px;
	border-radius: 5px;
	box-sizing: border-box;
	outline: none;
	font-size: 16px;
	color: #111;
	font-weight: 300;
	background:#FFFFFF;

	
}
.inputBox span{
	position: absolute;
	top: 1px;
	left: 1px;
	padding: 10px;
	display: inline-block;
	font-size: 16px;
	color:#111;
	font-weight: 300;
	transition: 0.5s;
	pointer-events: none;}

.inputBox input:focus ~ span, 
.inputBox input:valid ~ span{
	transform: translateX(-10px) translateY(-32px);
	font-size:12px;}
	
.inputBox input[type="submit"]
{
	background:#2196f3;
	color:#fff;
	border: none;
	cursor: pointer;
	font-weight: 500;}
	
	.inputBox input[type="submit"]:hover{
		background:#2DA5F1;
		}

:root{
	--login-health-primary:#1a5b2e;
	--login-health-primary-strong:#11411f;
	--login-health-primary-soft:#eaf4ee;
	--login-health-border:#d8e5dc;
	--login-health-text:#173126;
	--login-health-muted:#6b7d72;
}

html,
body{
	min-height:100%;
}

body{
	margin:0;
	background:#eef4ef !important;
	background-image:none !important;
	animation:none !important;
	color:var(--login-health-text);
	font-family:"Segoe UI","Helvetica Neue",Tahoma,Arial,sans-serif;
	-webkit-text-size-adjust:100%;
	text-rendering:optimizeLegibility;
	overflow-x:hidden;
}

.login-shell{
	position:relative;
	display:grid;
	grid-template-columns:minmax(0, 46%) minmax(0, 54%);
	min-height:100vh;
	min-height:100svh;
	min-height:100dvh;
	background:#f6faf7;
}

.login-shell h2{
	margin-bottom:0;
	padding-left:0;
	border-left:none;
	font-weight:700;
	line-height:1.2;
}

.login-panel{
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:
		max(48px, env(safe-area-inset-top))
		max(40px, env(safe-area-inset-right))
		max(48px, env(safe-area-inset-bottom))
		max(40px, env(safe-area-inset-left));
	background:
		radial-gradient(circle at top left, rgba(26, 91, 46, 0.08), transparent 34%),
		linear-gradient(180deg, #ffffff 0%, #f8fcf9 100%);
}

.login-panel__inner{
	width:min(100%, 560px);
}

.login-brand-mark{
	display:inline-flex;
	align-items:center;
	padding:8px 14px;
	border-radius:999px;
	background:var(--login-health-primary-soft);
	color:var(--login-health-primary);
	font-size:12px;
	font-weight:700;
	letter-spacing:0.12em;
	text-transform:uppercase;
}

.login-title{
	margin:20px 0 12px;
	font-size:42px;
	line-height:1.1;
	color:var(--login-health-text);
	font-weight:800;
}

.login-subtitle{
	margin:0 0 28px;
	font-size:16px;
	line-height:1.7;
	color:var(--login-health-muted);
	max-width:52ch;
}

.login-form-card{
	display:grid;
	gap:0;
	padding:32px;
	border:1px solid rgba(26, 91, 46, 0.10);
	border-radius:28px;
	background:rgba(255, 255, 255, 0.94);
	box-shadow:0 24px 60px rgba(17, 65, 31, 0.10);
	backdrop-filter:blur(10px);
}

.login-form-card__header{
	margin-bottom:24px;
}

.login-form-card__header h2{
	font-size:28px;
	color:var(--login-health-text);
}

.login-form-card__header span{
	display:block;
	margin-top:8px;
	font-size:14px;
	color:var(--login-health-muted);
}

.login-field{
	margin-bottom:18px;
}

.login-field label{
	display:block;
	margin-bottom:8px;
	font-size:13px;
	font-weight:700;
	letter-spacing:0.02em;
	color:var(--login-health-text);
}

.login-field input{
	width:100%;
	height:54px;
	padding:0 16px;
	border:1px solid var(--login-health-border);
	border-radius:8px;
	background:#fff;
	color:var(--login-health-text);
	font-size:15px;
	outline:none;
	transition:border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
	appearance:none;
}

.login-field input:focus,
.login-field input:focus-visible{
	border-color:rgba(26, 91, 46, 0.55);
	box-shadow:0 0 0 4px rgba(26, 91, 46, 0.12);
	background:#fcfffd;
}

.login-field input[aria-invalid="true"]{
	border-color:#d45b4e;
	box-shadow:0 0 0 4px rgba(212, 91, 78, 0.12);
}

.login-field input:-webkit-autofill,
.login-field input:-webkit-autofill:hover,
.login-field input:-webkit-autofill:focus{
	-webkit-box-shadow:0 0 0 1000px #f7fcf8 inset;
	-webkit-text-fill-color:var(--login-health-text);
	transition:background-color 9999s ease-out 0s;
}

.login-form-message{
	min-height:20px;
	margin:2px 0 14px;
	font-size:13px;
	font-weight:600;
	color:#c0392b;
}

.login-options{
	display:flex;
	flex-wrap:wrap;
	gap:14px 24px;
	margin-bottom:24px;
}

.login-check{
	display:inline-flex;
	align-items:center;
	gap:10px;
	font-size:14px;
	line-height:1.5;
	color:var(--login-health-muted);
	cursor:pointer;
}

.login-check input{
	width:18px;
	height:18px;
	accent-color:var(--login-health-primary);
}

.login-actions{
	margin-bottom:18px;
}

.login-submit{
	width:100%;
	height:54px;
	border:none;
	border-radius:8px;
	background:linear-gradient(135deg, var(--login-health-primary), #2f7b45);
	color:#fff;
	font-size:16px;
	font-weight:700;
	letter-spacing:0.01em;
	cursor:pointer;
	transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease;
	box-shadow:0 14px 30px rgba(26, 91, 46, 0.24);
}

.login-submit:hover{
	transform:translateY(-1px);
	box-shadow:0 18px 34px rgba(26, 91, 46, 0.30);
}

.login-submit:focus,
.login-submit:focus-visible,
.login-link-action:focus,
.login-link-action:focus-visible,
.login-check:focus-within{
	outline:none;
	box-shadow:0 0 0 4px rgba(26, 91, 46, 0.14);
}

.login-submit[disabled]{
	cursor:wait;
	transform:none;
	box-shadow:none;
	opacity:0.72;
}

.login-links{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}

.login-link-action{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:44px;
	padding:0 16px;
	border-radius:8px;
	border:1px solid var(--login-health-border);
	background:#fff;
	color:var(--login-health-primary);
	font-size:14px;
	font-weight:700;
	text-decoration:none;
	transition:border-color .18s ease, background-color .18s ease, color .18s ease;
}

.login-link-action:hover{
	border-color:rgba(26, 91, 46, 0.35);
	background:var(--login-health-primary-soft);
	color:var(--login-health-primary-strong);
	text-decoration:none;
}

.login-link-action--button{
	font-family:inherit;
	cursor:pointer;
}

.login-notice-card{
	margin-top:24px;
	padding:24px;
	border-radius:24px;
	border:1px solid rgba(26, 91, 46, 0.12);
	background:#fff;
	box-shadow:0 18px 40px rgba(18, 55, 30, 0.08);
}

.login-notice-card__header{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:16px;
	margin-bottom:18px;
}

.login-notice-card__eyebrow{
	margin-bottom:6px;
	font-size:11px;
	font-weight:700;
	letter-spacing:0.14em;
	text-transform:uppercase;
	color:#5f7d69;
}

.login-notice-card__title{
	font-size:18px;
	font-weight:700;
	color:var(--login-health-text);
}

.login-notice-card__date{
	font-size:12px;
	color:var(--login-health-muted);
	font-style:italic;
	white-space:nowrap;
}

.login-notice-card__content{
	max-height:220px;
	overflow:auto;
	padding-right:6px;
	font-size:14px;
	line-height:1.8;
	color:#2f4336;
}

.login-notice-card__content::-webkit-scrollbar{
	width:6px;
}

.login-notice-card__content::-webkit-scrollbar-thumb{
	background:#b9cdbf;
	border-radius:999px;
}

.login-notice-card__footer{
	margin-top:16px;
	font-size:12px;
	font-weight:700;
	text-align:right;
	color:#607867;
}

.login-notice-card__empty{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:92px;
	border:1px dashed #d7e5dc;
	border-radius:16px;
	background:#fbfdfb;
	color:var(--login-health-muted);
	font-size:14px;
	font-style:italic;
	text-align:center;
}

.login-visual{
	position:relative;
	overflow:hidden;
	min-height:100vh;
	min-height:100svh;
	min-height:100dvh;
}

.login-visual__image{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}

.login-visual__overlay{
	position:absolute;
	inset:0;
	background:
		linear-gradient(180deg, rgba(7, 26, 12, 0.18) 0%, rgba(7, 26, 12, 0.42) 100%),
		linear-gradient(90deg, rgba(12, 35, 18, 0.18) 0%, rgba(12, 35, 18, 0.06) 32%, rgba(12, 35, 18, 0.40) 100%);
}

.login-visual__content{
	position:absolute;
	left:56px;
	right:56px;
	bottom:52px;
	z-index:2;
	max-width:480px;
	color:#fff;
}

.login-visual__badge{
	display:inline-flex;
	align-items:center;
	margin-bottom:18px;
	padding:8px 14px;
	border-radius:999px;
	background:rgba(255, 255, 255, 0.16);
	backdrop-filter:blur(6px);
	font-size:12px;
	font-weight:700;
	letter-spacing:0.12em;
	text-transform:uppercase;
}

.login-visual__content h2{
	font-size:34px;
	font-weight:800;
	line-height:1.15;
	color:#fff;
}

.login-visual__content p{
	margin-top:16px;
	font-size:15px;
	line-height:1.75;
	color:rgba(255, 255, 255, 0.88);
}

@media screen and (max-height: 760px) and (min-width: 921px){
	.login-panel{
		padding-top:28px;
		padding-bottom:28px;
	}

	.login-form-card{
		padding:24px;
	}

	.login-notice-card{
		margin-top:18px;
		padding:18px;
	}

	.login-notice-card__content{
		max-height:150px;
	}
}

@media screen and (max-width: 1180px){
	.login-shell{
		grid-template-columns:minmax(0, 52%) minmax(0, 48%);
	}

	.login-title{
		font-size:36px;
	}

	.login-panel{
		padding:36px 28px;
	}

	.login-visual__content{
		left:32px;
		right:32px;
		bottom:32px;
	}
}

@media screen and (max-width: 920px){
	.login-shell{
		grid-template-columns:1fr;
	}

	.login-panel{
		order:2;
		min-height:auto;
		padding:
			max(28px, env(safe-area-inset-top))
			max(18px, env(safe-area-inset-right))
			max(32px, env(safe-area-inset-bottom))
			max(18px, env(safe-area-inset-left));
	}

	.login-panel__inner{
		width:min(100%, 640px);
	}

	.login-visual{
		order:1;
		min-height:38vh;
	}

	.login-visual__content{
		left:22px;
		right:22px;
		bottom:24px;
		max-width:none;
	}

	.login-visual__content h2{
		font-size:28px;
	}
}

@media screen and (max-width: 600px){
	.login-title{
		font-size:30px;
	}

	.login-subtitle{
		font-size:15px;
	}

	.login-form-card{
		padding:22px 18px;
		border-radius:22px;
	}

	.login-field input,
	.login-submit,
	.login-link-action{
		min-height:48px;
	}

	.login-links{
		flex-direction:column;
	}

	.login-link-action{
		width:100%;
	}

	.login-notice-card{
		padding:18px;
		border-radius:20px;
	}

	.login-notice-card__header{
		flex-direction:column;
	}

	.login-notice-card__date{
		white-space:normal;
	}

	.login-visual{
		min-height:32vh;
	}

	.login-visual__content{
		left:18px;
		right:18px;
	}

	.login-visual__content h2{
		font-size:23px;
	}
}

@media (pointer: coarse){
	.login-check{
		min-height:26px;
	}

	.login-check input{
		width:20px;
		height:20px;
	}

	.login-link-action,
	.login-submit{
		min-height:50px;
	}
}

@media (prefers-reduced-motion: reduce){
	*{
		scroll-behavior:auto !important;
	}

	.login-submit,
	.login-link-action,
	.login-field input,
	.login-notice-card,
	.login-form-card{
		transition:none !important;
	}
}

/* Legacy-compatible override for enterprise browsers and cached-layout recovery */
body{
	background:#edf3ee !important;
	background-image:none !important;
	color:#173126 !important;
}

.login-shell{
	display:table;
	width:100%;
	min-height:100vh;
	background:#edf3ee;
	table-layout:fixed;
}

.login-panel,
.login-visual{
	display:table-cell;
	width:50%;
	vertical-align:middle;
	float:none;
}

.login-panel{
	padding:48px 56px;
	background:#f8fbf8;
}

.login-panel__inner{
	width:100%;
	max-width:540px;
	margin:0 auto;
}

.login-brand-mark{
	display:inline-block;
	padding:9px 16px;
	border-radius:999px;
	background:#e7f1ea;
	color:#1a5b2e;
	font-size:12px;
	font-weight:700;
	letter-spacing:1.5px;
	text-transform:uppercase;
}

.login-title{
	margin:22px 0 10px;
	font-size:40px;
	line-height:1.12;
	font-weight:800;
	color:#173126;
}

.login-subtitle{
	margin:0 0 30px;
	font-size:16px;
	line-height:1.7;
	color:#66786d;
}

.login-form-card{
	padding:34px 32px 28px;
	border:1px solid #dbe7de;
	border-radius:24px;
	background:#ffffff;
	box-shadow:0 16px 42px rgba(20, 61, 31, 0.08);
}

.login-form-card__header{
	margin-bottom:24px;
}

.login-form-card__header h2{
	font-size:28px;
	font-weight:700;
	color:#173126;
}

.login-form-card__header span{
	display:block;
	margin-top:8px;
	font-size:14px;
	color:#6f7e74;
}

.login-field{
	margin-bottom:18px;
}

.login-field label{
	display:block;
	margin-bottom:8px;
	font-size:13px;
	font-weight:700;
	color:#31443a;
	letter-spacing:.2px;
}

.login-field input{
	display:block;
	width:100%;
	height:52px;
	padding:13px 15px;
	border:1px solid #cfddd3;
	border-radius:8px;
	background:#ffffff;
	color:#173126;
	font-size:15px;
	line-height:24px;
}

.login-field input:focus{
	border-color:#1a5b2e;
	box-shadow:0 0 0 3px rgba(26, 91, 46, 0.12);
	background:#fcfffd;
}

.login-field input[aria-invalid="true"]{
	border-color:#d65c4d;
	box-shadow:0 0 0 3px rgba(214, 92, 77, 0.10);
}

.login-form-message{
	min-height:20px;
	margin:0 0 14px;
	font-size:13px;
	font-weight:700;
	color:#c74437;
}

.login-options{
	margin:0 0 22px;
	overflow:hidden;
}

.login-check{
	float:left;
	width:50%;
	margin:0 0 10px;
	font-size:14px;
	line-height:20px;
	color:#62746a;
}

.login-check input{
	position:relative;
	top:2px;
	margin-right:8px;
}

.login-actions{
	margin-bottom:14px;
	clear:both;
}

.login-submit{
	display:block;
	width:100%;
	height:52px;
	border:0;
	border-radius:8px;
	background:#1a5b2e;
	color:#ffffff;
	font-size:16px;
	font-weight:700;
	box-shadow:none;
}

.login-submit:hover,
.login-submit:focus{
	background:#11411f;
	box-shadow:none;
	transform:none;
}

.login-submit[disabled]{
	opacity:.75;
	cursor:wait;
}

.login-links{
	margin:0 -6px;
	font-size:0;
}

.login-link-action{
	display:inline-block;
	width:calc(50% - 12px);
	margin:0 6px 12px;
	padding:12px 14px;
	border:1px solid #d6e3da;
	border-radius:8px;
	background:#ffffff;
	color:#1a5b2e;
	font-size:14px;
	font-weight:700;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
}

.login-link-action:hover,
.login-link-action:focus{
	background:#eef6f0;
	border-color:#bdd2c3;
	color:#11411f;
	text-decoration:none;
}

.login-link-action--button{
	font-family:inherit;
	cursor:pointer;
}

.login-notice-card{
	margin-top:22px;
	padding:22px 24px;
	border:1px solid #dbe7de;
	border-radius:22px;
	background:#ffffff;
	box-shadow:0 12px 32px rgba(20, 61, 31, 0.06);
}

.login-notice-card__header{
	overflow:hidden;
	margin-bottom:14px;
}

.login-notice-card__eyebrow{
	margin-bottom:4px;
	font-size:11px;
	font-weight:700;
	letter-spacing:1.6px;
	text-transform:uppercase;
	color:#708177;
}

.login-notice-card__title{
	float:left;
	max-width:70%;
	font-size:18px;
	font-weight:700;
	color:#173126;
}

.login-notice-card__date{
	float:right;
	max-width:28%;
	font-size:12px;
	line-height:18px;
	color:#77877d;
	font-style:italic;
	text-align:right;
}

.login-notice-card__content{
	max-height:220px;
	overflow:auto;
	font-size:14px;
	line-height:1.75;
	color:#33473c;
}

.login-notice-card__footer{
	margin-top:14px;
	font-size:12px;
	font-weight:700;
	color:#607268;
	text-align:right;
}

.login-notice-card__empty{
	padding:28px 16px;
	border:1px dashed #d8e4db;
	border-radius:14px;
	background:#fbfdfb;
	font-size:14px;
	color:#6c7f73;
	text-align:center;
}

.login-visual{
	position:relative;
	background:#c9d8cc url("../Images/1.jpg?v=20260413") no-repeat center center;
	background-size:cover;
}

.login-visual__image{
	display:none;
}

.login-visual__overlay{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(17, 45, 23, 0.26);
}

.login-visual__content{
	position:absolute;
	left:52px;
	right:52px;
	bottom:44px;
	max-width:460px;
	color:#ffffff;
}

.login-visual__badge{
	display:inline-block;
	margin-bottom:16px;
	padding:8px 14px;
	border-radius:999px;
	background:rgba(255,255,255,.18);
	font-size:12px;
	font-weight:700;
	letter-spacing:1.5px;
	text-transform:uppercase;
}

.login-visual__content h2{
	margin:0;
	font-size:34px;
	line-height:1.16;
	font-weight:800;
	color:#ffffff;
}

.login-visual__content p{
	margin:14px 0 0;
	font-size:15px;
	line-height:1.75;
	color:rgba(255,255,255,.92);
}

@media screen and (max-width: 991px){
	.login-shell,
	.login-panel,
	.login-visual{
		display:block;
		width:100%;
	}

	.login-visual{
		min-height:320px;
	}

	.login-panel{
		padding:28px 18px 34px;
	}

	.login-title{
		font-size:32px;
	}

	.login-form-card{
		padding:24px 18px 18px;
	}

	.login-check{
		float:none;
		width:100%;
	}

	.login-link-action{
		display:block;
		width:auto;
		margin:0 6px 10px;
	}

	.login-notice-card{
		padding:18px;
	}

	.login-notice-card__title,
	.login-notice-card__date{
		float:none;
		max-width:none;
		text-align:left;
	}

	.login-notice-card__date{
		margin-top:8px;
	}

	.login-visual__content{
		left:20px;
		right:20px;
		bottom:22px;
	}

	.login-visual__content h2{
		font-size:24px;
	}
}

.health-login{
	min-height:100vh;
	background:#1aabeb;
	background:linear-gradient(120deg, #bfe7f7 0%, #3cc0ee 30%, #1699ef 72%, #2289ef 100%);
}

.health-login__topbar{
	padding:16px 42px;
	background:#ffffff;
	box-shadow:0 1px 0 rgba(12, 44, 92, 0.08);
	overflow:hidden;
}

.health-login__brand{
	float:left;
	display:block;
	width:280px;
}

.health-login__brand img{
	display:block;
	max-width:100%;
	height:auto;
}

.health-login__contact{
	float:right;
	padding-top:4px;
	font-size:0;
}

.health-login__contact a{
	display:inline-block;
	margin-left:28px;
	color:#123164;
	text-decoration:none;
	font-size:14px;
	line-height:24px;
}

.health-login__contact span{
	margin-right:6px;
	color:#4f6b95;
}

.health-login__contact strong{
	font-weight:700;
}

.health-login__stage{
	display:flex;
	align-items:stretch;
	min-height:calc(100vh - 84px);
	padding:0 36px 28px;
}

.health-login__hero{
	flex:1 1 auto;
	padding:56px 34px 24px 12px;
	color:#ffffff;
}

.health-login__hero-badge{
	display:inline-block;
	margin-bottom:18px;
	padding:8px 16px;
	border-radius:999px;
	background:rgba(255,255,255,0.22);
	color:#ffffff;
	font-size:12px;
	font-weight:700;
	letter-spacing:1.8px;
	text-transform:uppercase;
}

.health-login__hero-title{
	max-width:680px;
	margin:0 0 16px;
	font-size:48px;
	line-height:1.1;
	font-weight:800;
	color:#ffffff;
	text-shadow:0 8px 24px rgba(8, 61, 108, 0.16);
}

.health-login__hero-copy{
	max-width:620px;
	margin:0 0 28px;
	font-size:18px;
	line-height:1.75;
	color:rgba(255,255,255,0.93);
}

.health-login__hero-photo{
	max-width:760px;
	padding:16px;
	border-radius:30px;
	background:rgba(255,255,255,0.16);
	box-shadow:0 24px 54px rgba(8, 61, 108, 0.18);
}

.health-login__hero-photo img{
	display:block;
	width:100%;
	border-radius:22px;
}

.health-login__notice{
	max-width:760px;
	margin-top:22px;
	padding:18px 22px;
	border-radius:22px;
	background:rgba(7, 56, 120, 0.22);
	color:#ffffff;
	box-shadow:0 18px 40px rgba(8, 61, 108, 0.12);
	backdrop-filter:blur(6px);
}

.health-login__notice-head{
	overflow:hidden;
	margin-bottom:10px;
}

.health-login__notice-label{
	margin-bottom:4px;
	font-size:11px;
	font-weight:700;
	letter-spacing:1.5px;
	text-transform:uppercase;
	color:rgba(255,255,255,0.76);
}

.health-login__notice-title{
	float:left;
	max-width:70%;
	font-size:18px;
	font-weight:700;
}

.health-login__notice-date{
	float:right;
	max-width:28%;
	font-size:12px;
	line-height:18px;
	text-align:right;
	color:rgba(255,255,255,0.82);
}

.health-login__notice-content{
	max-height:140px;
	overflow:auto;
	font-size:14px;
	line-height:1.75;
	color:rgba(255,255,255,0.95);
}

.health-login__notice-empty{
	font-size:14px;
	color:rgba(255,255,255,0.92);
}

.health-login__aside{
	flex:0 0 430px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:40px 0 24px 20px;
}

.health-login__aside-inner{
	width:100%;
	max-width:344px;
}

.health-login__card{
	padding:26px 26px 22px;
	border-radius:0;
	background:#ffffff;
	box-shadow:0 24px 58px rgba(10, 62, 114, 0.18);
}

.health-login__card-title{
	margin-bottom:22px;
	font-size:24px;
	line-height:1.25;
	font-weight:800;
	letter-spacing:.6px;
	text-align:center;
	color:#123164;
}

.health-login__field{
	position:relative;
	margin-bottom:12px;
}

.health-login__field input{
	display:block;
	width:100%;
	height:46px;
	padding:0 52px 0 40px;
	border:1px solid #e5e9f6;
	border-radius:999px;
	background:#f5f6fb;
	color:#1b3565;
	font-size:14px;
}

.health-login__field input:focus{
	border-color:#5b8cff;
	box-shadow:0 0 0 3px rgba(91, 140, 255, 0.14);
	background:#ffffff;
}

.health-login__field input[aria-invalid="true"]{
	border-color:#e36464;
	box-shadow:0 0 0 3px rgba(227, 100, 100, 0.12);
}

.health-login__field-icon{
	position:absolute;
	top:50%;
	left:14px;
	margin-top:-10px;
	width:20px;
	height:20px;
	font-size:15px;
	line-height:20px;
	text-align:center;
	color:#87a1db;
}

.health-login__field-toggle{
	position:absolute;
	top:50%;
	right:12px;
	margin-top:-14px;
	min-width:40px;
	height:28px;
	padding:0 8px;
	border:0;
	border-radius:999px;
	background:transparent;
	color:#5b8cff;
	font-size:12px;
	font-weight:700;
	cursor:pointer;
}

.health-login__meta{
	overflow:hidden;
	margin:4px 0 8px;
}

.health-login__remember{
	float:left;
	font-size:13px;
	line-height:22px;
	color:#677ca8;
}

.health-login__remember input{
	position:relative;
	top:2px;
	margin-right:6px;
}

.health-login__forgot{
	float:right;
	font-size:13px;
	line-height:22px;
	color:#4b7aff;
	text-decoration:none;
}

.health-login__message{
	min-height:18px;
	margin:0 0 10px;
	font-size:12px;
	font-weight:700;
	color:#dd4f4f;
	text-align:center;
}

.health-login__submit-wrap{
	margin-bottom:16px;
}

.health-login__submit{
	display:block;
	width:100%;
	height:48px;
	border:0;
	border-radius:999px;
	background:linear-gradient(135deg, #4e86ff 0%, #3f6de9 100%);
	color:#ffffff;
	font-size:15px;
	font-weight:800;
	letter-spacing:.3px;
}

.health-login__submit:hover,
.health-login__submit:focus{
	background:linear-gradient(135deg, #3f79f8 0%, #315fd8 100%);
}

.health-login__submit[disabled]{
	opacity:.78;
	cursor:wait;
}

.health-login__helper{
	margin:0 0 14px;
	font-size:12px;
	line-height:1.7;
	text-align:center;
	color:#6d7ea5;
}

.health-login__support{
	margin:0 0 16px;
	font-size:13px;
	line-height:1.7;
	text-align:center;
	color:#6377a0;
}

.health-login__support-link{
	display:inline;
	padding:0;
	border:0;
	background:none;
	color:#4b7aff;
	font-size:13px;
	font-weight:700;
	cursor:pointer;
}

.health-login__quicklinks{
	padding-top:14px;
	border-top:1px solid #eef1f8;
	text-align:center;
}

.health-login__quicklinks a{
	display:inline-block;
	margin:0 9px;
	color:#4d77ec;
	font-size:13px;
	text-decoration:none;
}

@media screen and (max-width: 1180px){
	.health-login__stage{
		padding:0 22px 24px;
	}

	.health-login__hero{
		padding:40px 20px 24px 0;
	}

	.health-login__hero-title{
		font-size:38px;
	}

	.health-login__aside{
		flex-basis:390px;
		padding-left:14px;
	}
}

@media screen and (max-width: 991px){
	.health-login__topbar{
		padding:14px 18px;
	}

	.health-login__brand,
	.health-login__contact{
		float:none;
	}

	.health-login__brand{
		width:240px;
		margin:0 auto 10px;
	}

	.health-login__contact{
		padding-top:0;
		text-align:center;
	}

	.health-login__contact a{
		margin:0 10px 6px;
	}

	.health-login__stage{
		display:block;
		min-height:0;
		padding:0 16px 20px;
	}

	.health-login__aside{
		padding:20px 0 0;
	}

	.health-login__aside-inner{
		max-width:420px;
	}

	.health-login__hero{
		padding:20px 0 12px;
	}

	.health-login__hero-title{
		font-size:30px;
	}

	.health-login__hero-copy{
		font-size:16px;
	}

	.health-login__hero-photo{
		padding:12px;
	}

	.health-login__notice-title,
	.health-login__notice-date{
		float:none;
		max-width:none;
		text-align:left;
	}

	.health-login__notice-date{
		margin-top:6px;
	}
}

@media screen and (max-width: 640px){
	.health-login__contact a{
		display:block;
		margin:0 0 6px;
	}

	.health-login__hero-title{
		font-size:26px;
	}

	.health-login__card{
		padding:22px 18px 18px;
	}

	.health-login__quicklinks a{
		display:block;
		margin:0 0 8px;
	}
}

body.fullscreen-login-page{
	width:100vw;
	height:100vh;
	overflow:hidden !important;
	background:#0b4e75 !important;
	background-image:none !important;
}

.fullscreen-login-page .wrapper,
.fullscreen-login-page body{
	width:100vw;
	height:100vh;
	overflow:hidden !important;
}

.fullscreen-login{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100vw;
	height:100vh;
	background:#0f5b86 url("../Images/1.jpg?v=20260413-bg2") no-repeat center center;
	background-size:cover;
	overflow:hidden;
}

.fullscreen-login__overlay{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:linear-gradient(135deg, rgba(8, 44, 68, 0.50) 0%, rgba(9, 73, 104, 0.28) 38%, rgba(6, 34, 57, 0.52) 100%);
}

.fullscreen-login__card-wrap{
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	width:100%;
	max-width:540px;
	padding:24px 28px;
	transform:translate(-50%, -50%);
}

.fullscreen-login__card{
	padding:32px 34px 24px;
	border:1px solid rgba(255,255,255,0.28);
	border-radius:24px;
	background:rgba(255,255,255,0.92);
	box-shadow:0 28px 80px rgba(4, 28, 46, 0.28);
	backdrop-filter:blur(16px);
}

.fullscreen-login__brand{
	display:block;
	width:240px;
	margin:0 auto 18px;
}

.fullscreen-login__brand img{
	display:block;
	width:100%;
	height:auto;
}

.fullscreen-login__eyebrow{
	margin-bottom:8px;
	font-size:12px;
	font-weight:800;
	letter-spacing:2px;
	text-transform:uppercase;
	text-align:center;
	color:#2a7192;
}

.fullscreen-login__title{
	margin:0 0 8px;
	font-size:clamp(22px, 2.2vw, 30px);
	line-height:1.16;
	font-weight:800;
	text-align:center;
	color:#11324c;
	letter-spacing:-0.4px;
	max-width:100%;
	overflow-wrap:anywhere;
}

.fullscreen-login__subtitle{
	margin:0 0 22px;
	font-size:14px;
	line-height:1.7;
	text-align:center;
	color:#60778b;
}

.fullscreen-login__card-wrap--wide{
	max-width:620px;
}

.fullscreen-login__card--forgot{
	padding-bottom:28px;
}

.fullscreen-login__card--forgot .fullscreen-login__title{
	font-size:clamp(18px, 1.8vw, 26px);
	line-height:1.1;
	letter-spacing:-0.8px;
	white-space:nowrap;
}

.fullscreen-login__steps{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	justify-content:center;
	margin:0 0 18px;
}

.fullscreen-login__step-chip{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:34px;
	padding:0 14px;
	border-radius:999px;
	background:rgba(18, 75, 111, 0.08);
	color:#557085;
	font-size:12px;
	font-weight:700;
	letter-spacing:.2px;
	transition:background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.fullscreen-login__step-chip.is-active{
	background:linear-gradient(135deg, #2f8ac3 0%, #176bb0 100%);
	color:#ffffff;
	box-shadow:0 12px 24px rgba(23, 107, 176, 0.20);
}

.fullscreen-login__step{
	display:none;
}

.fullscreen-login__step.is-active{
	display:block;
}

.fullscreen-login__helper{
	margin:0 0 16px;
	font-size:13px;
	line-height:1.7;
	text-align:center;
	color:#667f92;
}

.fullscreen-login__field{
	margin-bottom:14px;
}

.fullscreen-login__field label{
	display:block;
	margin-bottom:6px;
	font-size:13px;
	font-weight:700;
	color:#23435d;
}

.fullscreen-login__field input{
	display:block;
	width:100%;
	height:48px;
	padding:0 14px;
	border:1px solid #d8e3ec;
	border-radius:12px;
	background:rgba(255,255,255,0.96);
	color:#16374f;
	font-size:14px;
	transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.fullscreen-login__field input:focus{
	border-color:#89bddb;
	box-shadow:0 0 0 6px rgba(47, 138, 195, 0.10);
	background:#ffffff;
	outline:none;
}

.fullscreen-login__field input[aria-invalid="true"]{
	border-color:#db5f5f;
	box-shadow:0 0 0 3px rgba(219, 95, 95, 0.10);
}

.fullscreen-login__field--otp input{
	text-align:center;
	letter-spacing:8px;
	font-weight:800;
	font-size:18px;
}

.fullscreen-login__password-wrap{
	position:relative;
}

.fullscreen-login__password-wrap input{
	padding-right:66px;
}

.fullscreen-login__toggle{
	position:absolute;
	top:50%;
	right:8px;
	min-width:46px;
	height:32px;
	margin-top:-16px;
	padding:0 10px;
	border:0;
	border-radius:999px;
	background:#edf6fb;
	color:#2f7eb2;
	font-size:12px;
	font-weight:700;
	cursor:pointer;
	transition:background-color .18s ease, color .18s ease;
}

.fullscreen-login__toggle:hover,
.fullscreen-login__toggle:focus{
	background:#dfeef8;
	color:#1e6d9d;
	outline:none;
}

.fullscreen-login__meta{
	overflow:hidden;
	margin:6px 0 10px;
}

.fullscreen-login__remember{
	float:left;
	font-size:13px;
	line-height:22px;
	color:#5d7386;
}

.fullscreen-login input[type="radio"],
.fullscreen-login input[type="checkbox"]{
	margin-top:0 !important;
	vertical-align:middle;
}

.fullscreen-login__remember input{
	position:static;
	margin-right:6px;
}

.fullscreen-login__forgot{
	float:right;
	font-size:13px;
	line-height:22px;
	color:#2f7eb2;
	text-decoration:none;
}

.fullscreen-login__message{
	min-height:18px;
	margin:0 0 12px;
	font-size:12px;
	font-weight:700;
	text-align:center;
	color:#d84f4f;
}

.fullscreen-login__message--success{
	color:#20824d;
}

.fullscreen-login__submit{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	width:100%;
	height:50px;
	margin:0 0 12px;
	padding:0 18px;
	border:0;
	border-radius:14px;
	background:linear-gradient(135deg, #2f8ac3 0%, #176bb0 100%);
	color:#ffffff;
	font-size:15px;
	font-weight:800;
	letter-spacing:.4px;
	text-align:center;
	position:relative;
	overflow:hidden;
	transition:background .2s ease, transform .2s ease, opacity .2s ease;
}

.fullscreen-login__submit:hover,
.fullscreen-login__submit:focus{
	background:linear-gradient(135deg, #247cb2 0%, #125c99 100%);
}

.fullscreen-login__submit[disabled]{
	opacity:.78;
	cursor:wait;
}

.fullscreen-login__submit-label{
	display:inline-block;
	vertical-align:middle;
	transition:opacity .18s ease;
}

.fullscreen-login__submit-spinner{
	display:none;
	width:20px;
	height:20px;
	vertical-align:middle;
	border:3px solid rgba(255,255,255,0.32);
	border-top-color:#ffffff;
	border-radius:50%;
	animation:fullscreen-login-spin .7s linear infinite;
	flex:0 0 auto;
}

.fullscreen-login__submit.is-loading .fullscreen-login__submit-spinner{
	display:block;
}

.fullscreen-login__submit.is-loading{
	background:linear-gradient(135deg, #206f9f 0%, #155b90 100%);
	box-shadow:inset 0 0 0 999px rgba(255,255,255,0.03);
}

.fullscreen-login__submit.is-loading .fullscreen-login__submit-label{
	opacity:0.96;
}

@keyframes fullscreen-login-spin{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}

.fullscreen-login__support{
	display:block;
	width:100%;
	margin:0 0 12px;
	padding:0;
	border:0;
	background:none;
	color:#2f7eb2;
	font-size:13px;
	font-weight:700;
	text-align:center;
	cursor:pointer;
}

.fullscreen-login__actions{
	margin-top:8px;
}

.fullscreen-login__actions--dual{
	display:flex;
	gap:12px;
}

.fullscreen-login__secondary{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:46px;
	padding:0 18px;
	border:1px solid rgba(17, 50, 76, 0.12);
	border-radius:14px;
	background:rgba(245, 249, 252, 0.96);
	color:#35556d;
	font-size:14px;
	font-weight:700;
	text-align:center;
	text-decoration:none;
	transition:border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.fullscreen-login__secondary:hover,
.fullscreen-login__secondary:focus{
	border-color:rgba(47, 138, 195, 0.28);
	background:#ffffff;
	color:#234968;
	box-shadow:0 0 0 4px rgba(47, 138, 195, 0.08);
	outline:none;
}

.fullscreen-login__secondary--button{
	cursor:pointer;
}

.fullscreen-login__card.is-submitting .fullscreen-login__field input,
.fullscreen-login__card.is-submitting .fullscreen-login__toggle,
.fullscreen-login__card.is-submitting .fullscreen-login__remember,
.fullscreen-login__card.is-submitting .fullscreen-login__forgot,
.fullscreen-login__card.is-submitting .fullscreen-login__support{
	opacity:.82;
}

.fullscreen-login__notice{
	padding-top:12px;
	border-top:1px solid rgba(16, 50, 76, 0.10);
}

.fullscreen-login__notice--outside{
	margin-top:14px;
	padding:16px 18px;
	border:1px solid rgba(255,255,255,0.18);
	border-radius:20px;
	background:rgba(255,255,255,0.88);
	box-shadow:0 16px 40px rgba(4, 28, 46, 0.18);
	backdrop-filter:blur(14px);
}

.fullscreen-login__notice-head{
	overflow:hidden;
	margin-bottom:6px;
	font-size:11px;
	line-height:16px;
	color:#688094;
}

.fullscreen-login__notice-head span{
	float:left;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:1px;
}

.fullscreen-login__notice-head strong{
	float:right;
	font-weight:700;
}

.fullscreen-login__notice-content{
	display:block;
	max-height:180px;
	overflow:auto;
	padding-right:6px;
	font-size:12px;
	line-height:1.6;
	color:#4d6579;
	white-space:normal;
	word-break:break-word;
}

.fullscreen-login__notice-content::-webkit-scrollbar{
	width:6px;
}

.fullscreen-login__notice-content::-webkit-scrollbar-thumb{
	background:#b8c9d7;
	border-radius:999px;
}

@media screen and (max-width: 560px){
	body.fullscreen-login-page{
		min-width:100vw;
		min-height:100vh;
	}

	.fullscreen-login__card-wrap{
		max-width:none;
		padding:16px;
	}

	.fullscreen-login__card{
		padding:24px 20px 18px;
		border-radius:20px;
	}

	.fullscreen-login__brand{
		width:205px;
		margin-bottom:14px;
	}

	.fullscreen-login__title{
		font-size:21px;
	}

	.fullscreen-login__card--forgot .fullscreen-login__title{
		font-size:18px;
	}

	.fullscreen-login__steps{
		gap:6px;
	}

	.fullscreen-login__step-chip{
		width:100%;
	}

	.fullscreen-login__remember,
	.fullscreen-login__forgot{
		float:none;
		display:block;
		text-align:left;
	}

	.fullscreen-login__forgot{
		margin-top:6px;
	}

	.fullscreen-login__actions--dual{
		display:block;
	}

	.fullscreen-login__actions--dual .fullscreen-login__secondary + .fullscreen-login__secondary{
		margin-top:10px;
	}
}

@media screen and (max-width: 768px), screen and (max-height: 760px){
	body.fullscreen-login-page{
		width:auto;
		height:auto;
		min-height:100svh;
		min-height:100dvh;
		overflow:auto !important;
	}

	.fullscreen-login-page .wrapper,
	.fullscreen-login-page body{
		width:auto;
		height:auto;
		min-height:100svh;
		overflow:visible !important;
	}

	.fullscreen-login{
		position:relative;
		height:auto;
		min-height:100svh;
		min-height:100dvh;
		overflow-y:auto;
		display:flex;
		align-items:center;
		justify-content:center;
		padding:
			max(16px, env(safe-area-inset-top))
			max(14px, env(safe-area-inset-right))
			max(20px, env(safe-area-inset-bottom))
			max(14px, env(safe-area-inset-left));
	}

	.fullscreen-login__card-wrap{
		width:100%;
		position:relative;
		top:auto;
		left:auto;
		transform:none;
		max-width:100%;
		padding:0;
		margin:0 auto;
	}

	.fullscreen-login__card-wrap--wide{
		max-width:100%;
	}

	.fullscreen-login__card{
		padding:24px 18px 18px;
		border-radius:22px;
	}

	.fullscreen-login__brand{
		width:min(200px, 62vw);
		margin-bottom:12px;
	}

	.fullscreen-login__title{
		font-size:clamp(20px, 6vw, 28px);
		line-height:1.14;
		letter-spacing:-0.5px;
	}

	.fullscreen-login__subtitle,
	.fullscreen-login__helper{
		font-size:13px;
		line-height:1.6;
	}

	.fullscreen-login__field input{
		height:52px;
		font-size:16px;
		border-radius:14px;
	}

	.fullscreen-login__field--otp input{
		font-size:20px;
		letter-spacing:6px;
	}

	.fullscreen-login__toggle{
		right:10px;
		min-width:52px;
		height:34px;
		margin-top:-17px;
	}

	.fullscreen-login__meta{
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:12px;
		margin-top:10px;
	}

	.fullscreen-login__remember,
	.fullscreen-login__forgot{
		float:none;
		display:flex;
		align-items:center;
		font-size:14px;
		line-height:22px;
		margin:0;
	}

	.fullscreen-login__forgot{
		margin-top:0;
		text-align:right;
		justify-content:flex-end;
	}

	.fullscreen-login__submit,
	.fullscreen-login__secondary{
		min-height:52px;
		font-size:15px;
	}

	.fullscreen-login__support{
		font-size:14px;
		line-height:1.6;
	}

	.fullscreen-login__notice--outside{
		margin-top:12px;
		padding:14px 14px 12px;
		border-radius:18px;
	}

	.fullscreen-login__notice-head{
		font-size:10px;
		line-height:15px;
	}

	.fullscreen-login__notice-head span,
	.fullscreen-login__notice-head strong{
		float:none;
		display:block;
	}

	.fullscreen-login__notice-head strong{
		margin-top:4px;
	}

	.fullscreen-login__notice-content{
		max-height:128px;
		font-size:12px;
	}

	.fullscreen-login__steps{
		display:grid;
		grid-template-columns:repeat(3, minmax(0, 1fr));
		gap:8px;
	}

	.fullscreen-login__step-chip{
		width:100%;
		min-height:38px;
		padding:0 8px;
		font-size:11px;
		line-height:1.2;
		text-align:center;
	}

	.fullscreen-login__actions--dual{
		display:grid;
		grid-template-columns:1fr;
		gap:10px;
	}

	.fullscreen-login__actions--dual .fullscreen-login__secondary + .fullscreen-login__secondary{
		margin-top:0;
	}

	.fullscreen-login__card--forgot .fullscreen-login__title{
		font-size:clamp(18px, 5.4vw, 24px);
		line-height:1.12;
		white-space:normal;
	}
}

@media screen and (max-width: 420px){
	.fullscreen-login{
		padding:
			max(12px, env(safe-area-inset-top))
			max(10px, env(safe-area-inset-right))
			max(16px, env(safe-area-inset-bottom))
			max(10px, env(safe-area-inset-left));
	}

	.fullscreen-login__card{
		padding:20px 14px 16px;
		border-radius:18px;
	}

	.fullscreen-login__brand{
		width:min(176px, 58vw);
	}

	.fullscreen-login__title{
		font-size:clamp(18px, 7vw, 24px);
	}

	.fullscreen-login__subtitle,
	.fullscreen-login__helper{
		font-size:12px;
	}

	.fullscreen-login__field label{
		font-size:12px;
	}

	.fullscreen-login__meta{
		gap:10px;
	}

	.fullscreen-login__remember,
	.fullscreen-login__forgot{
		font-size:13px;
		line-height:20px;
	}

	.fullscreen-login__field input{
		height:50px;
		padding:0 12px;
		border-radius:12px;
	}

	.fullscreen-login__field--otp input{
		letter-spacing:4px;
		font-size:18px;
	}

	.fullscreen-login__toggle{
		min-width:48px;
		font-size:11px;
	}

	.fullscreen-login__submit,
	.fullscreen-login__secondary{
		min-height:50px;
		padding:0 14px;
		font-size:14px;
	}

	.fullscreen-login__steps{
		grid-template-columns:1fr;
	}

	.fullscreen-login__step-chip{
		min-height:36px;
		font-size:12px;
	}

	.fullscreen-login__card--forgot .fullscreen-login__title{
		font-size:clamp(17px, 6.5vw, 22px);
	}
}