<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Age Verification Required - CutlersDen</title>
	<link href="https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:wght@400;700;900&display=swap" rel="stylesheet">
	<style>
		*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
		html, body { width: 100%; height: 100%; }
		.avs-bg {
			position: fixed; top: 0; left: 0; width: 100%; height: 100%;
			background-image: url('https://cutlersden.com/custom_assets_v2023/images/avs-bg.jpg');
			background-size: cover; background-position: center top; z-index: 0;
		}
		.avs-scrim {
			position: fixed; top: 0; left: 0; width: 100%; height: 100%;
			background: rgba(0,0,0,0.45); z-index: 1;
		}
		.avs-cta {
			position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);
			z-index: 2; width: 90%; max-width: 460px;
			background: rgba(10,10,10,0.72);
			backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
			border-radius: 16px;
			box-shadow: 0 8px 40px rgba(0,0,0,0.6);
			padding: 40px 36px 32px;
			text-align: center;
			font-family: 'Fira Sans Extra Condensed', sans-serif;
		}
		.avs-logo { display: block; max-width: 180px; width: 65%; margin: 0 auto 24px; }
		.avs-cta h1 {
			color: #fff; font-size: clamp(1.3rem,4vw,1.75rem); font-weight: 700;
			text-transform: uppercase; letter-spacing: 0.04em; line-height: 1.2; margin-bottom: 8px;
		}
		.avs-location {
			color: #fdea88; font-size: 0.9rem; margin-bottom: 24px;
			letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.9;
		}
		a.btn-access {
			display: block; background: #fdea88; color: #000;
			font-family: 'Fira Sans Extra Condensed', sans-serif;
			font-size: clamp(1.1rem,3.5vw,1.4rem); font-weight: 900;
			text-transform: uppercase; letter-spacing: 0.08em;
			padding: 16px 24px; text-decoration: none;
			border-radius: 8px;
			transition: background 0.2s, transform 0.1s;
			margin-bottom: 14px;
		}
		a.btn-access:hover { background: #fff; transform: translateY(-1px); }
		a.btn-access:active { transform: translateY(0); }
		.avs-legal { font-size: 0.72rem; color: #777; line-height: 1.6; margin-bottom: 14px; }
		a.btn-login {
			display: block; background: #fff; color: #111;
			font-family: 'Fira Sans Extra Condensed', sans-serif;
			font-size: clamp(0.95rem,2.5vw,1.1rem); font-weight: 700;
			text-transform: uppercase; letter-spacing: 0.07em;
			padding: 12px 24px; text-decoration: none;
			
			transition: background 0.2s, transform 0.1s;
		}
		a.btn-login:hover { background: #eee; transform: translateY(-1px); }
		@media (max-width: 400px) { .avs-cta { padding: 30px 22px 24px; } }
	</style>
</head>
<body>
	<div class="avs-bg"></div>
	<div class="avs-scrim"></div>
	<div class="avs-cta">
		<img class="avs-logo" src="https://cutlersden.com/custom_assets_v2023/images/cutlersden_logo.png" alt="CutlersDen">
		<h1>Age Verification Required<br>in Your Location</h1>
		<p class="avs-location">
			Ohio, US		</p>
		<a href="https://join.cutlersden.com/signup/signup.php?nats=MC4wLjYuNy4wLjAuMC4wLjA&step=2" class="btn-access">Get Access Now</a>
		<p class="avs-legal">Age verification laws in your state/country require us to confirm you are 18+ before granting access. Once verified, you will not need to provide identification on future visits.</p>
		<a href="/members/" class="btn-login">Member Log In</a>
	</div>
</body>
</html>
