:root{

--background:#b8c0ec;
--card:#ffffff;
--accent:#6f5fa8;
--text:#303030;
--shadow:0 10px 35px rgba(0,0,0,.08);

}

*{
box-sizing:border-box;
}

body{

margin:0;
background:var(--background);
font-family:'Inter',sans-serif;
color:var(--text);
line-height:1.7;

}

header{

padding:90px 20px 60px;
text-align:center;

}

.eyebrow{
letter-spacing:4px;
text-transform:uppercase;
color:#000;
font-size:1rem;
font-weight:500;
}

h1{

font-family:"Luxurious Script", cursive;
font-size:5rem;
font-weight:400;
margin:.2em 0;

}

.date{

font-size:1.45rem;
color:#444;
margin-top:.4rem;

}

.countdown {

display: flex;
justify-content: center;
margin-bottom: 60px;

}

.countdownCard {

background: white;
box-shadow: var(--shadow);
border-radius: 18px;

padding: 16px 28px;

display: inline-flex;
justify-content: center;
align-items: center;

}

#countdownText {

font-size: .85rem;
font-weight: 500;
color: #444;

white-space: nowrap;

}

.details{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:28px;
max-width:1100px;
margin:auto;
padding:0 25px 60px;

}

.card{

background:white;
padding:35px;
border-radius:18px;
box-shadow:var(--shadow);
transition:.25s;

}

.card:hover{

transform:translateY(-5px);

}

.card h2{

font-family:'Playfair Display',serif;
margin-top:0;

}

.button{

display:inline-block;
margin-top:20px;
padding:12px 24px;
background:#000;
color:#fff;
text-decoration:none;
border-radius:999px;
transition:.25s;

}

.button:hover{

background:#EBEDFA;
color:#000;

}

.formCard{

background:white;
max-width:1100px;
margin:60px auto;
padding:40px;
border-radius:22px;
box-shadow:var(--shadow);

}

.formCard h2{

text-align:center;
font-family:'Playfair Display',serif;
font-size:2.3rem;

}

.directionsCard{

background:white;
max-width:1100px;
margin:60px auto;
padding:40px;

border-radius:22px;
box-shadow:var(--shadow);

}

.directionsCard h2{

text-align:center;
font-family:'Playfair Display',serif;
font-size:2.3rem;

}

.directionsIntro{

text-align:center;
color:#666;
margin-bottom:35px;

}

.directionsGallery{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;

}

.directionItem{

text-align:center;

}

.directionItem img{

width:100%;
border-radius:14px;
box-shadow:var(--shadow);

}

.directionItem p{

margin-top:15px;
color:#555;

}

iframe{

width:100%;
height:900px;
border:none;

}

footer{

text-align:center;
padding:70px 20px;
color:#777;

}

.floatingButton{

position:fixed;
right:25px;
bottom:25px;
background:#000;
color:#fff;
padding:16px 26px;
border-radius:999px;
text-decoration:none;
box-shadow:var(--shadow);

}

.floatingButton:hover{

background:#EBEDFA;
color:#000;

}

@media(max-width:700px){

h1{

font-size:4rem;

}

.countBox{

width:44%;

}

iframe{

height:1100px;

}

}