:root{
 	/* Pub-inspired palette: warm parchment, deep wood, aged-gold */
 	--wood-1: #2b180a;
 	--wood-2: #402613;
 	--parchment: #f5eddc;
 	--text: #2b1e16;
 	--muted: rgba(43,30,22,0.6);
 	--accent: #a8753d; /* aged-gold */
 	--banner: url('IMG_2839.jpg'); /* change this to your image path (e.g. 'images/banner.jpg') */
}

*{box-sizing:border-box}
html,body{height:100%}
body{
 	margin:0;
 	font-family: 'Georgia', 'Times New Roman', Times, serif;
 	background: linear-gradient(180deg,var(--wood-1),var(--wood-2));
 	color:var(--text);
 	-webkit-font-smoothing:antialiased;
 	-moz-osx-font-smoothing:grayscale;
}

.coming-soon{
 	min-height:100vh;
 	display:flex;
 	align-items:center;
 	justify-content:center;
 	padding:2rem;
 	position:relative;
 	overflow:hidden;
}

.banner{
 	position:absolute;
 	inset:0;
 	background-image:var(--banner);
 	background-size:cover;
 	background-position:center;
 	transform:scale(1.03);
 	filter:brightness(0.48) saturate(0.95);
 	z-index:1;
}

.banner::after{
 	content:"";
 	position:absolute;
 	inset:0;
 	background:linear-gradient(180deg, rgba(2,6,23,0.12), rgba(2,6,23,0.45));
}

.card{
 	width:100%;
 	max-width:680px;
 	background: linear-gradient(180deg, rgba(245,237,220,0.98), rgba(240,230,210,0.98));
 	border:1px solid rgba(40,28,20,0.12);
 	border-radius:8px;
 	padding:2rem 2.25rem;
 	text-align:center;
 	box-shadow:0 8px 20px rgba(17,10,5,0.55);
 	position:relative;
 	z-index:2;
}

.icon{display:inline-block;margin-bottom:0.5rem}

.card h1{margin:0 0 0.35rem;font-size:1.45rem;line-height:1.12;font-family: 'Georgia', serif;letter-spacing:0.5px}
.lead{margin:0 0 1rem;color:var(--muted);font-size:1rem}

.notify{display:flex;gap:0.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}
.notify input{
 	padding:0.55rem 0.7rem;border-radius:6px;border:1px solid rgba(43,30,22,0.08);
 	background:rgba(255,255,255,0.96);color:var(--text);min-width:220px;font-family:inherit
}
.notify input::placeholder{color:rgba(43,30,22,0.45)}
.notify input::placeholder{color:rgba(255,255,255,0.55)}

.btn{background:linear-gradient(90deg,var(--accent),#8e5e36);border:none;padding:0.55rem 1rem;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,0.25);border:1px solid rgba(0,0,0,0.06)}
.btn:hover{transform:translateY(-1px);opacity:0.95}

.small{color:var(--muted);font-size:0.95rem}

footer{padding:1.25rem 0;text-align:center;color:rgba(255,255,255,0.85);font-size:0.9rem}

.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* remove bubbly float animation for a more classic feel */


@media (max-width:420px){
	.card{padding:1.25rem;border-radius:12px}
	h1{font-size:1.2rem}
	.icon{font-size:40px}
	.notify input{min-width:150px}
}