*{
			margin:0;
			padding:0;
			box-sizing:border-box;
		}

		body{
			min-height:100vh;
			font-family:Arial,Helvetica,sans-serif;
			background:#f5f2ed;
			color:#252525;
		}

		a{
			text-decoration:none;
		}

		button,
		input{
			font-family:inherit;
		}

		.astha-login-page{
			width:100%;
			min-height:100vh;
			padding:30px;
			display:flex;
			align-items:center;
			justify-content:center;
			position:relative;
			overflow:hidden;
			background:
				linear-gradient(
					90deg,
					rgba(16,24,21,0.91) 0%,
					rgba(16,24,21,0.72) 45%,
					rgba(16,24,21,0.42) 100%
				),
				url('../images/slider/1.jpg') center center/cover no-repeat;
		}

		.astha-login-page:before{
			content:'';
			width:420px;
			height:420px;
			position:absolute;
			top:-180px;
			right:-120px;
			border:1px solid rgba(255,255,255,0.10);
			border-radius:50%;
		}

		.astha-login-page:after{
			content:'';
			width:300px;
			height:300px;
			position:absolute;
			bottom:-140px;
			left:-100px;
			border:1px solid rgba(197,164,126,0.22);
			border-radius:50%;
		}

		.astha-login-container{
			width:100%;
			max-width:1180px;
			min-height:650px;
			display:grid;
			grid-template-columns:1.15fr 0.85fr;
			position:relative;
			z-index:2;
			overflow:hidden;
			background:rgba(255,255,255,0.08);
			border:1px solid rgba(255,255,255,0.15);
			border-radius:22px;
			box-shadow:0 30px 80px rgba(0,0,0,0.35);
			backdrop-filter:blur(8px);
		}

		.astha-login-content{
			padding:70px 65px;
			display:flex;
			flex-direction:column;
			justify-content:space-between;
			position:relative;
		}

		.astha-login-logo{
			display:inline-flex;
			align-items:center;
		}

		.astha-login-logo img{
			width:165px;
			max-height:100px;
			object-fit:contain;
			object-position:left center;
		}

		.astha-login-info{
			max-width:590px;
			padding:60px 0;
		}

		.astha-login-label{
			margin-bottom:18px;
			display:inline-flex;
			align-items:center;
			gap:10px;
			color:#d9b78d;
			font-size:13px;
			font-weight:700;
			letter-spacing:2px;
			text-transform:uppercase;
		}

		.astha-login-label:before{
			content:'';
			width:35px;
			height:1px;
			background:#d9b78d;
		}

		.astha-login-info h1{
			margin-bottom:22px;
			color:#ffffff;
			font-family:Georgia,'Times New Roman',serif;
			font-size:58px;
			font-weight:400;
			line-height:1.08;
		}

		.astha-login-info h1 span{
			color:#d9b78d;
		}

		.astha-login-info p{
			max-width:520px;
			color:rgba(255,255,255,0.75);
			font-size:16px;
			line-height:1.8;
		}

		.astha-login-features{
			margin-top:35px;
			display:flex;
			flex-wrap:wrap;
			gap:12px;
		}

		.astha-login-feature{
			padding:10px 15px;
			display:inline-flex;
			align-items:center;
			gap:9px;
			color:#ffffff;
			font-size:13px;
			background:rgba(255,255,255,0.09);
			border:1px solid rgba(255,255,255,0.12);
			border-radius:7px;
		}

		.astha-login-feature span{
			width:7px;
			height:7px;
			display:block;
			background:#d9b78d;
			border-radius:50%;
		}

		.astha-login-copyright{
			color:rgba(255,255,255,0.55);
			font-size:13px;
		}

		.astha-login-form-area{
			padding:50px;
			display:flex;
			align-items:center;
			justify-content:center;
			background:#ffffff;
		}

		.astha-login-form-wrapper{
			width:100%;
			max-width:410px;
		}

		.astha-mobile-logo{
			margin-bottom:35px;
			display:none;
			text-align:center;
		}

		.astha-mobile-logo img{
			width:165px;
			max-height:100px;
			object-fit:contain;
		}

		.astha-form-heading{
			margin-bottom:32px;
		}

		.astha-form-heading span{
			margin-bottom:10px;
			display:block;
			color:#b48a5a;
			font-size:12px;
			font-weight:700;
			letter-spacing:1.8px;
			text-transform:uppercase;
		}

		.astha-form-heading h2{
			margin-bottom:10px;
			color:#1e2924;
			font-family:Georgia,'Times New Roman',serif;
			font-size:37px;
			font-weight:500;
		}

		.astha-form-heading p{
			color:#7d817f;
			font-size:14px;
			line-height:1.6;
		}

		.astha-alert{
			width:100%;
			margin-bottom:18px;
			padding:12px 14px;
			font-size:13px;
			line-height:1.5;
			border-radius:7px;
		}

		.astha-alert-error{
			color:#a61b1b;
			background:#fff0f0;
			border:1px solid #ffd2d2;
		}

		.astha-alert-success{
			color:#176b3a;
			background:#edfff4;
			border:1px solid #c6f1d6;
		}

		.astha-form-group{
			margin-bottom:19px;
		}

		.astha-form-group label{
			margin-bottom:8px;
			display:block;
			color:#26302c;
			font-size:13px;
			font-weight:600;
		}

		.astha-input-wrapper{
			width:100%;
			position:relative;
		}

		.astha-input{
			width:100%;
			height:52px;
			padding:0 16px;
			color:#222222;
			font-size:14px;
			outline:none;
			background:#f8f8f6;
			border:1px solid #e5e4df;
			border-radius:7px;
			transition:all 0.25s ease;
		}

		.astha-input::placeholder{
			color:#a3a4a1;
		}

		.astha-input:focus{
			background:#ffffff;
			border-color:#b9976e;
			box-shadow:0 0 0 3px rgba(185,151,110,0.12);
		}

		.astha-password-input{
			padding-right:70px;
		}

		.astha-password-toggle{
			height:100%;
			padding:0 16px;
			position:absolute;
			top:0;
			right:0;
			color:#8b7255;
			font-size:12px;
			font-weight:700;
			cursor:pointer;
			background:transparent;
			border:0;
		}

		.astha-form-options{
			margin:4px 0 24px;
			display:flex;
			align-items:center;
			justify-content:space-between;
			gap:15px;
		}

		.astha-remember{
			display:flex;
			align-items:center;
			gap:8px;
			color:#676b68;
			font-size:13px;
			cursor:pointer;
		}

		.astha-remember input{
			width:16px;
			height:16px;
			accent-color:#a77d4e;
		}

		.astha-forgot{
			color:#9d7446;
			font-size:13px;
			font-weight:600;
		}

		.astha-forgot:hover{
			color:#6f4f2f;
		}

		.astha-login-button{
			width:100%;
			height:52px;
			display:flex;
			align-items:center;
			justify-content:center;
			gap:10px;
			color:#ffffff;
			font-size:14px;
			font-weight:700;
			letter-spacing:0.5px;
			cursor:pointer;
			background:#9f7850;
			border:1px solid #9f7850;
			border-radius:7px;
			transition:all 0.3s ease;
		}

		.astha-login-button:hover{
			background:#795635;
			border-color:#795635;
			transform:translateY(-1px);
			box-shadow:0 10px 25px rgba(121,86,53,0.22);
		}

		.astha-form-divider{
			margin:26px 0;
			display:flex;
			align-items:center;
			gap:14px;
			color:#a4a6a3;
			font-size:12px;
		}

		.astha-form-divider:before,
		.astha-form-divider:after{
			content:'';
			height:1px;
			flex:1;
			background:#e8e8e5;
		}

		.astha-register-link{
			text-align:center;
			color:#757975;
			font-size:14px;
		}

		.astha-register-link a{
			color:#956b3d;
			font-weight:700;
		}

		.astha-register-link a:hover{
			color:#664626;
		}

		.astha-back-home{
			margin-top:25px;
			text-align:center;
		}

		.astha-back-home a{
			display:inline-flex;
			align-items:center;
			gap:7px;
			color:#7d817f;
			font-size:13px;
		}

		.astha-back-home a:hover{
			color:#9a7041;
		}

		@media(max-width:991px){

	.astha-login-page{
		min-height:100vh;
		padding:0;
		display:block;
		background:#f5f2ed;
		overflow-x:hidden;
	}

	.astha-login-page:before,
	.astha-login-page:after{
		display:none;
	}

	.astha-login-container{
		width:100%;
		max-width:100%;
		min-height:100vh;
		display:block;
		overflow:visible;
		background:#f5f2ed;
		border:0;
		border-radius:0;
		box-shadow:none;
		backdrop-filter:none;
	}

	/* Mobile Top Banner */
	.astha-login-content{
		min-height:330px;
		padding:35px 30px 85px;
		display:flex;
		flex-direction:column;
		justify-content:flex-start;
		position:relative;
		overflow:hidden;
		background:
			linear-gradient(
				180deg,
				rgba(12,28,22,0.35) 0%,
				rgba(12,28,22,0.78) 100%
			),
			url('../images/slider/1.jpg') center center/cover no-repeat;
	}

	.astha-login-content:before{
		content:'';
		width:240px;
		height:240px;
		position:absolute;
		top:-130px;
		right:-90px;
		border:1px solid rgba(255,255,255,0.18);
		border-radius:50%;
	}

	.astha-login-content:after{
		content:'';
		width:150px;
		height:150px;
		position:absolute;
		bottom:-70px;
		left:-60px;
		border:1px solid rgba(217,183,141,0.25);
		border-radius:50%;
	}

	.astha-login-logo{
		position:relative;
		z-index:2;
		justify-content:center;
	}

	.astha-login-logo img{
		width:165px;
		max-height:100px;
		object-position:center;
	}

	.astha-login-info{
		max-width:100%;
		padding:45px 0 0;
		position:relative;
		z-index:2;
		text-align:center;
	}

	.astha-login-label{
		margin-bottom:13px;
		justify-content:center;
		color:#e5c49b;
		font-size:11px;
		letter-spacing:1.8px;
	}

	.astha-login-label:before{
		width:25px;
	}

	.astha-login-info h1{
		margin-bottom:0;
		font-size:38px;
		line-height:1.15;
	}

	.astha-login-info p,
	.astha-login-features,
	.astha-login-copyright{
		display:none;
	}

	/* Floating Login Card */
	.astha-login-form-area{
		width:calc(100% - 32px);
		max-width:540px;
		min-height:auto;
		margin:-55px auto 25px;
		padding:40px 32px;
		position:relative;
		z-index:5;
		align-items:flex-start;
		background:#ffffff;
		border:1px solid rgba(185,151,110,0.16);
		border-radius:18px;
		box-shadow:0 20px 55px rgba(24,45,36,0.16);
	}

	.astha-login-form-wrapper{
		max-width:100%;
	}

	.astha-mobile-logo{
		display:none;
	}

	.astha-form-heading{
		margin-bottom:28px;
		text-align:center;
	}

	.astha-form-heading span{
		margin-bottom:8px;
		font-size:11px;
	}

	.astha-form-heading h2{
		margin-bottom:8px;
		font-size:34px;
	}

	.astha-form-heading p{
		max-width:330px;
		margin:auto;
		font-size:13px;
	}

	.astha-input{
		height:54px;
		padding:0 16px;
		font-size:14px;
		background:#faf9f6;
		border-color:#e8e4dd;
	}

	.astha-input:focus{
		background:#ffffff;
		border-color:#b9976e;
		box-shadow:0 0 0 4px rgba(185,151,110,0.12);
	}

	.astha-login-button{
		height:54px;
		border-radius:7px;
		box-shadow:0 10px 25px rgba(159,120,80,0.22);
	}

	.astha-form-options{
		margin-bottom:22px;
	}

	.astha-back-home{
		margin-top:22px;
	}
}

@media(max-width:575px){

	body{
		background:#f5f2ed;
	}

	.astha-login-content{
		min-height:300px;
		padding:28px 20px 78px;
		background-position:center center;
	}

	.astha-login-logo img{
		width:145px;
		max-height:100px;
	}

	.astha-login-info{
		padding-top:0px;
	}

	.astha-login-info h1{
		font-size:31px;
		line-height:1.18;
	}

	.astha-login-label{
		font-size:10px;
		letter-spacing:1.4px;
	}

	.astha-login-form-area{
		width:calc(100% - 24px);
		margin:-48px auto 20px;
		padding:32px 20px 28px;
		border-radius:16px;
	}

	.astha-form-heading{
		margin-bottom:25px;
	}

	.astha-form-heading h2{
		font-size:30px;
	}

	.astha-form-heading p{
		font-size:13px;
		line-height:1.55;
	}

	.astha-form-group{
		margin-bottom:17px;
	}

	.astha-form-group label{
		margin-bottom:7px;
		font-size:12px;
	}

	.astha-input{
		height:52px;
		font-size:13px;
		border-radius:7px;
	}

	.astha-password-toggle{
		padding:0 14px;
		font-size:11px;
	}

	.astha-form-options{
		margin-top:2px;
		display:flex;
		align-items:center;
		justify-content:space-between;
		flex-direction:row;
		gap:10px;
	}

	.astha-remember,
	.astha-forgot{
		font-size:12px;
	}

	.astha-remember input{
		width:15px;
		height:15px;
	}

	.astha-login-button{
		height:52px;
		font-size:13px;
	}

	.astha-form-divider{
		margin:23px 0;
	}

	.astha-register-link{
		font-size:13px;
	}

	.astha-back-home{
		margin-top:20px;
		padding-top:18px;
		border-top:1px solid #eeeeea;
	}

	.astha-back-home a{
		font-size:12px;
	}
}

@media(max-width:380px){

	.astha-login-content{
		min-height:280px;
	}

	.astha-login-info h1{
		font-size:27px;
	}

	.astha-login-form-area{
		width:calc(100% - 18px);
		padding:28px 16px 24px;
	}

	.astha-form-heading h2{
		font-size:27px;
	}

	.astha-form-options{
		align-items:flex-start;
		flex-direction:column;
		gap:12px;
	}
}