#login_wrap.df_login{
	position:relative;
	min-height:100%;
	overflow:hidden;
	color:#fff;
	background:#172318 url('images/daisy-field.jpeg') center center / cover no-repeat;
}
.df_login *{
	box-sizing:border-box;
}
.df_backdrop{
	position:absolute;
	inset:0;
	background:
		linear-gradient(90deg, rgba(13,22,14,.82) 0%, rgba(13,22,14,.56) 42%, rgba(13,22,14,.18) 100%),
		linear-gradient(180deg, rgba(255,198,91,.16) 0%, rgba(19,29,20,.74) 100%);
	pointer-events:none;
}
.df_shell{
	position:relative;
	z-index:1;
	min-height:calc(100vh - 82px);
	width:min(1180px,92vw);
	margin:0 auto;
	padding:56px 0;
	display:grid;
	grid-template-columns:minmax(0,1fr) 410px;
	gap:46px;
	align-items:center;
}
.df_story{
	min-width:0;
	padding:20px 0;
}
.df_brand{
	display:flex;
	align-items:center;
	gap:14px;
	margin-bottom:42px;
}
#login_logo{
	width:auto;
	height:58px;
	max-width:240px;
	object-fit:contain;
	filter:drop-shadow(0 12px 28px rgba(0,0,0,.35));
}
.df_status{
	display:inline-flex;
	align-items:center;
	gap:8px;
	min-height:34px;
	padding:0 14px;
	border-radius:999px;
	background:rgba(255,255,255,.18);
	border:1px solid rgba(255,255,255,.22);
	color:#fff7d8;
	font-size:13px;
	font-weight:900;
	backdrop-filter:blur(16px);
}
.df_copy{
	max-width:650px;
	text-shadow:0 16px 44px rgba(0,0,0,.45);
}
.df_eyebrow{
	margin:0 0 10px;
	color:#f9d875;
	font-size:15px;
	line-height:24px;
	font-weight:950;
	text-transform:uppercase;
	letter-spacing:0;
}
.df_copy h1{
	margin:0;
	color:#fff;
	font-size:58px;
	line-height:66px;
	font-weight:950;
	letter-spacing:0;
}
.df_copy p:not(.df_eyebrow){
	max-width:560px;
	margin:18px 0 0;
	color:rgba(255,255,255,.9);
	font-size:20px;
	line-height:32px;
	font-weight:800;
}
.df_card{
	position:relative;
	width:100%;
	padding:30px;
	border-radius:8px;
	background:rgba(255,255,255,.9);
	border:1px solid rgba(255,255,255,.72);
	box-shadow:0 26px 80px rgba(0,0,0,.28);
	color:#162016;
	backdrop-filter:blur(20px);
}
.df_card:before{
	content:'';
	position:absolute;
	inset:0;
	border-radius:8px;
	border-top:4px solid #f2c94c;
	pointer-events:none;
}
.df_card_head{
	display:flex;
	align-items:center;
	gap:14px;
	padding-right:42px;
}
.df_card_head>span{
	flex:0 0 52px;
	width:52px;
	height:52px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:8px;
	background:#244a2c;
	color:#f6d765;
	font-size:22px;
	box-shadow:0 10px 28px rgba(36,74,44,.2);
}
.df_card_head h2{
	margin:0;
	font-size:28px;
	line-height:34px;
	font-weight:950;
	letter-spacing:0;
}
.df_card_head p{
	margin:4px 0 0;
	color:#637064;
	font-size:14px;
	line-height:22px;
	font-weight:800;
}
.df_actions{
	margin-top:28px;
	display:grid;
	gap:12px;
}
.df_primary,
.df_secondary{
	width:100%;
	min-height:54px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	border:0;
	border-radius:8px;
	font-size:16px;
	line-height:22px;
	font-weight:950;
	letter-spacing:0;
	cursor:pointer;
	transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.df_primary{
	background:#1f7a3b;
	color:#fff;
	box-shadow:0 14px 34px rgba(31,122,59,.28);
}
.df_secondary{
	background:#1e241f;
	color:#fff;
	box-shadow:0 12px 26px rgba(0,0,0,.12);
}
.df_primary:hover,
.df_secondary:hover{
	transform:translateY(-1px);
}
.df_primary:hover{
	background:#249045;
	box-shadow:0 16px 40px rgba(31,122,59,.34);
}
.df_secondary:hover{
	background:#2a302b;
}
.df_register{
	margin-top:22px;
	padding-top:20px;
	border-top:1px solid rgba(22,32,22,.1);
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	color:#6d766e;
	font-weight:800;
}
.df_register button{
	padding:0;
	border:0;
	background:transparent;
	color:#1f7a3b;
	font-weight:950;
	cursor:pointer;
}
.df_language{
	position:absolute;
	top:22px;
	right:22px;
	width:34px;
	height:34px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:0;
	border-radius:50%;
	background:rgba(22,32,22,.08);
	cursor:pointer;
}
.intro_lang{
	width:24px;
	height:24px;
	border-radius:50%;
	object-fit:cover;
}
@media(max-width:900px){
	.df_shell{
		min-height:calc(100vh - 62px);
		grid-template-columns:1fr;
		gap:24px;
		padding:34px 0;
		align-items:end;
	}
	.df_brand{
		margin-bottom:26px;
	}
	.df_copy h1{
		font-size:40px;
		line-height:48px;
	}
	.df_copy p:not(.df_eyebrow){
		font-size:17px;
		line-height:28px;
	}
	.df_card{
		padding:24px;
	}
}
@media(max-width:520px){
	.df_shell{
		width:min(100% - 28px,420px);
		padding:22px 0;
	}
	.df_brand{
		align-items:flex-start;
		flex-direction:column;
		gap:10px;
	}
	#login_logo{
		height:48px;
		max-width:210px;
	}
	.df_copy h1{
		font-size:32px;
		line-height:40px;
	}
	.df_card_head{
		align-items:flex-start;
	}
	.df_card_head h2{
		font-size:24px;
		line-height:30px;
	}
	.df_register{
		align-items:center;
		flex-direction:column;
		text-align:center;
	}
}