:root{
		--primary:#696cff;
	}

	.authentication-inner{
		width:100% !important;
		max-width:700px !important;
	}

	.main-card{
		border:none;
		border-radius:28px;
		overflow:hidden;
		backdrop-filter:blur(15px);
		background:rgba(255,255,255,.96);
		box-shadow:0 25px 60px rgba(0,0,0,.18);
	}

	.brand-logo{
		width:85px;
		height:85px;
		object-fit:contain;
		padding:10px;
		background:#fff;
		border-radius:24px;
		box-shadow:0 10px 30px rgba(105,108,255,.20);
	}

	.hero-title{
		font-weight:700;
		margin-top:18px;
		margin-bottom:5px;
	}

	.hero-subtitle{
		color:#8592a3;
		font-size:.95rem;
	}

	.form-label{
		font-weight:600;
	}

	.input-group-text{
		background:#f5f5f9;
		border-right:none;
	}

	.form-control{
		height:52px;
		border-left:none;
	}

	.form-control:focus{
		box-shadow:none;
	}

	.btn-primary{
		height:52px;
		border-radius:14px;
		font-weight:600;
	}

	.result-box{
		margin-top:30px;
		border-radius:20px;
		background:#f8f9ff;
		border:1px solid #ebeef5;
		padding:25px;
	}

	.qr-wrapper{
		background:#fff;
		display:inline-block;
		padding:20px;
		border-radius:20px;
		box-shadow:0 5px 25px rgba(0,0,0,.08);
	}

	.qr-wrapper img{
		width:220px;
		max-width:100%;
	}

	.url-output{
		color:var(--primary);
		font-weight:600;
	}

	.badge-custom{
		display:inline-block;
		background:rgba(105,108,255,.1);
		color:var(--primary);
		padding:6px 12px;
		border-radius:50px;
		margin-bottom:10px;
		font-size:.8rem;
		font-weight:600;
	}

	.footer-note{
		text-align:center;
		color:#a1acb8;
		margin-top:20px;
		font-size:.85rem;
	}

	@media(max-width:768px){

		.authentication-inner{
			max-width:100% !important;
		}

		.card-body{
			padding:1.5rem !important;
		}

		.hero-title{
			font-size:1.5rem;
		}

		.brand-logo{
			width:70px;
			height:70px;
		}
	}