/* Google Font Sora */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;600&display=swap');


:root {
	--bg-deep: #04101e;
	--bg-card: #071828;
	--bg-card2: #09203a;
	--border-glow: #0e4a7a;
	--green-main: #00d4c8;
	--green-btn: #00c4b8;
	--teal: #00e5d4;
	--cyan: #00d1ff;
	--yellow: #f5c518;
	--blue: #2a8fe8;
	--red: #ff4d4d;
	--white: #ddf4f2;
	--muted: #5a9ab5;
}

.btn-pay-minimal {
	background: linear-gradient(90deg, #00ffa3, #00d1ff);
	border: none;
	color: #000 !important;
	font-weight: 700;
	padding: 10px;
	border-radius: 8px;
	font-size: 13px;
}

body.auth-node-master {
	/* Background Image + Radial Gradients for that Neon Glow */
	background: var(--bg-deep);

	font-family: 'Sora', sans-serif;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	color: #ffffff;
}

.btn-add {
	background: var(--btn-green);
	border: none;
	border-radius: 10px;
	color: #001a06;
	font-family: 'Exo 2', sans-serif;
	font-weight: 800;
	font-size: .82rem;
	letter-spacing: .04em;
	padding: 10px 0;
	width: 100%;
	cursor: pointer;
	box-shadow: 0 4px 18px rgba(0, 200, 70, 0.35);
	transition: transform .2s, filter .2s, box-shadow .2s;
}
/* Glass Box - Same as JoinUs */
.auth-glass-box {
	background: var(--bg-card);
	border: 1px solid var(--border-glow);
	border-radius: 24px;
	padding: 3rem !important; /* Professional 48px Padding */
	width: 100%;
	max-width: 450px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.auth-brand-area {
	margin-bottom: 2.5rem;
}

.auth-logo {
	width: 100px;
	filter: drop-shadow(0 0 10px rgba(0,255,163,0.3));
}

.auth-main-title {
	color: #00ffa3;
	font-size: 1.5rem;
	font-weight: 700;
	margin-top: 15px;
	letter-spacing: 1px;
}

/* Form Label & Input Spacing */
.node-label {
	font-size: 0.85rem;
	font-weight: 500;
	color: #8e9da1;
	margin-bottom: 10px;
	display: block;
}

.node-input-container {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	padding: 0 15px;
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
	margin-bottom: 1.5rem; /* Professional 24px Gap */
}

	.node-input-container:focus-within {
		border-color: #00ffa3;
		box-shadow: 0 0 12px rgba(0, 255, 163, 0.2);
	}

	.node-input-container i {
		color: #8e9da1;
		margin-right: 12px;
		font-size: 1.2rem;
	}

.node-input {
	background: transparent !important;
	border: none !important;
	color: #fff !important;
	padding: 14px 0 !important;
	width: 100%;
	font-family: 'Sora', sans-serif;
	outline: none;
}

/* Button - Professional Neon Look */
.btn-node-submit {
	background: #00ffa3 !important;
	color: #020b0c !important;
	width: 100%;
	padding: 15px !important;
	border-radius: 12px !important;
	font-weight: 700 !important;
	border: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	box-shadow: 0 10px 20px rgba(0, 255, 163, 0.2);
	transition: 0.3s ease;
}

	.btn-node-submit:hover {
		box-shadow: 0 15px 30px rgba(0, 255, 163, 0.4);
		transform: translateY(-2px);
	}

.forgot-link, .signup-link {
	color: #00e5d4;
	text-decoration: none;
	font-size: 0.85rem;
}

.auth-bottom-nav {
	margin-top: 2rem;
	padding-top: 1.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}