:root{

--clr-primary:#52b788;
--clr-dark:#2d6a4f;
--clr-light:#b7e4c7;

--clr-surface:#f8faf8;

--clr-text-main:#2d3436;
--clr-text-muted:#636e72;

--bg-from:#e8f5e9;
--bg-to:#f1f8e9;

--glass-bg:rgba(255,255,255,0.7);
--glass-border:rgba(255,255,255,0.4);

--glass-blur:12px;

--glass-shadow:0 20px 40px rgba(0,0,0,0.05);

--font-stack:'Inter',-apple-system,system-ui,sans-serif;

--card-radius:2rem;

}

*{
box-sizing:border-box;
}

body{

min-height:100vh;

font-family:var(--font-stack);

color:var(--clr-text-main);

background:linear-gradient(
135deg,
var(--bg-from) 0%,
var(--bg-to) 100%
);

display:flex;

align-items:center;

justify-content:center;

margin:0;

overflow-x:hidden;

}

/* background glow */

body::before{

content:"";

position:fixed;

width:700px;
height:700px;

background:radial-gradient(
circle,
rgba(82,183,136,0.25) 0%,
transparent 70%
);

top:-200px;
left:-200px;

z-index:-1;

}

body::after{

content:"";

position:fixed;

width:600px;
height:600px;

background:radial-gradient(
circle,
rgba(45,106,79,0.15) 0%,
transparent 70%
);

bottom:-200px;
right:-200px;

z-index:-1;

}

/* card */

.card{

width:90%;
max-width:600px;

background:transparent;

backdrop-filter:none;

border:none;

border-radius:0;

padding:3.5rem 2.5rem;

box-shadow:none;

text-align:center;

animation:slideUp .8s cubic-bezier(.16,1,.3,1);

}

.card:hover{

transform:translateY(-2px);

transition:transform .3s ease;

}

@keyframes slideUp{

from{
opacity:0;
transform:translateY(30px);
}

to{
opacity:1;
transform:translateY(0);
}

}

.logo{

max-width:560px;

width:95%;

margin-bottom:2rem;

filter:drop-shadow(
0 6px 15px rgba(0,0,0,0.08)
);

}

/* heading */

.heading-coming-soon{

font-size:clamp(2rem,5vw,3rem);

font-weight:800;

color:var(--clr-dark);

letter-spacing:-0.03em;

margin-bottom:.4rem;

}

.tagline{

color:var(--clr-dark);

font-size:1.25rem;

font-weight:600;

margin-bottom:2rem;

opacity:.9;

}

/* services */

.services{

list-style:none;

text-align:left;

background:rgba(255,255,255,0.45);

padding:1.6rem;

border-radius:1.4rem;

margin-bottom:2.2rem;

border:1px solid rgba(255,255,255,0.5);

}

.services__item{

display:flex;

align-items:center;

gap:.8rem;

padding:.55rem 0;

font-size:.96rem;

font-weight:500;

}

/* countdown */

.countdown{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:1rem;

margin-bottom:2.5rem;

}

.countdown__unit{

background:rgba(255,255,255,0.6);

backdrop-filter:blur(6px);

padding:1.2rem .5rem;

border-radius:1.1rem;

border:1px solid rgba(255,255,255,0.6);

box-shadow:0 6px 18px rgba(0,0,0,0.04);

}

.countdown__value{

font-size:2rem;

font-weight:800;

color:var(--clr-primary);

display:block;

}

.countdown__label{

font-size:.65rem;

text-transform:uppercase;

color:var(--clr-text-muted);

font-weight:600;

}

/* form */

.notify-form__row{

display:flex;

background:white;

padding:.4rem;

border-radius:999px;

box-shadow:0 4px 15px rgba(0,0,0,0.05);

}

.notify-form__input{

flex:1;

border:none;

padding:0 1.5rem;

font-family:inherit;

font-size:.95rem;

outline:none;

background:transparent;

}

.notify-form__btn{

background:linear-gradient(
135deg,
#52b788,
#2d6a4f
);

color:white;

border:none;

padding:.85rem 1.6rem;

border-radius:999px;

font-weight:600;

cursor:pointer;

transition:transform .2s ease, box-shadow .2s ease;

}

.notify-form__btn:hover{

transform:translateY(-1px);

box-shadow:0 6px 15px rgba(0,0,0,0.1);

}

/* footer */

.footer{

margin-top:1.8rem;

font-size:.75rem;

color:var(--clr-text-muted);

opacity:.8;

}

/* particles */

#particles{

position:fixed;

inset:0;

pointer-events:none;

z-index:0;

}