/* ==========================================================================
   admin/login.asp – "MEMBER LOGIN", restyled to match the admin/index.asp
   dashboard theme (dark ground + gold accent, see dashboard_v2.css).
   Selectors are prefixed with .lg2 to win over the shared main.css
   .loginWrap login rules (equal/near-equal specificity otherwise).
   ========================================================================== */

.lg2 {
	--lg-bg:        #18181b;
	--lg-card:      #0a0c12;
	--lg-card-2:    #13161f;
	--lg-border:    rgba(148,163,255,.22);
	--lg-text:      #eef1fb;
	--lg-dim:       #8993b4;
	--lg-blue:      #4276ed;
	--lg-gold:      #ffc446;
}

body { background:#18181b; }

.lg2, .lg2 * { box-sizing:border-box; }

.lg2 {
	position:fixed; inset:0; z-index:10;
	display:flex; align-items:center; justify-content:center;
	padding:24px;
	background:
		radial-gradient(900px 500px at 50% -10%, rgba(66,118,237,.16), transparent 60%),
		radial-gradient(700px 500px at 50% 120%, rgba(255,196,70,.10), transparent 55%),
		var(--lg-bg);
	font-family:'Noto Sans KR','gilroymedium',sans-serif;
	color:var(--lg-text);
	overflow:auto;
}

.lg2 .lg2-card {
	width:100%; max-width:400px;
	background:linear-gradient(145deg, var(--lg-card-2), var(--lg-card));
	border:1px solid var(--lg-border);
	border-radius:20px;
	padding:40px 30px 34px;
	box-shadow:0 24px 60px -20px rgba(0,0,0,.7);
	text-align:center;
}

.lg2 .lg2-logo {
	display:block; width:190px; height:auto; margin:0 auto 6px;
}

.lg2 .lg2-title {
	text-align:center;
	font-size:13px; font-weight:700; letter-spacing:3px;
	color:var(--lg-dim);
	margin:14px 0 26px; padding:0;
}

.lg2 .lg2-field { position:relative; margin:0 0 12px; text-align:left; }
.lg2 .lg2-field .ic {
	position:absolute; left:16px; top:50%; transform:translateY(-50%);
	width:auto; height:auto; padding:0;
	color:var(--lg-dim); font-size:14px; pointer-events:none;
	display:block;
}
.lg2 .lg2-field input {
	width:100%; height:50px;
	padding:0 44px; text-indent:0;
	background:rgba(255,255,255,.04);
	border:1px solid var(--lg-border);
	border-radius:12px;
	color:var(--lg-text);
	font-size:14px; font-family:inherit;
	outline:none;
	transition:border-color .15s ease, background .15s ease;
}
.lg2 .lg2-field input::placeholder { color:var(--lg-dim); }
.lg2 .lg2-field input:hover { border-bottom:1px solid var(--lg-border); }
.lg2 .lg2-field input:focus {
	border-color:var(--lg-blue);
	background:rgba(66,118,237,.08);
}
.lg2 .lg2-field .eye {
	position:absolute; right:10px; top:50%; transform:translateY(-50%);
	width:34px; height:34px; padding:0;
	display:flex; align-items:center; justify-content:center;
	color:var(--lg-dim); cursor:pointer; border:0;
}
.lg2 .lg2-field .eye:hover { color:var(--lg-text); }

.lg2 .lg2-btn, .lg2 a.lg2-btn {
	display:flex; align-items:center; justify-content:center;
	width:100%; height:52px; margin:18px 0 0;
	border:0; border-radius:12px;
	background:linear-gradient(135deg,#ffdb96,#e0a13c);
	color:#1a1305; line-height:1;
	font-size:15px; font-weight:900; letter-spacing:2px;
	text-decoration:none; cursor:pointer;
	transition:filter .15s ease, transform .05s ease;
}
.lg2 .lg2-btn:hover { filter:brightness(1.05); }
.lg2 .lg2-btn:active { transform:translateY(1px); }

.lg2 .lg2-links {
	margin-top:18px; padding:0;
	text-align:center;
	font-size:12.5px; color:var(--lg-dim);
}
.lg2 .lg2-links a { color:var(--lg-dim); text-decoration:none; cursor:pointer; }
.lg2 .lg2-links a:hover { color:var(--lg-text); }

@media all and (max-width:580px) {
	.lg2 .lg2-card { padding:32px 22px 28px; border-radius:16px; }
	.lg2 .lg2-logo { width:164px; height:auto; }
	.lg2 .lg2-field input { height:48px; }
	.lg2 .lg2-btn { height:48px; }
}