:root{
  --primary:#d6336c;
  --bg:#fff;
  --muted:#666;
  --card-bg:rgba(255,255,255,0.95);
  --shadow:0 10px 30px rgba(0,0,0,0.1);
}

*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;font-family:'Vazir','Tahoma',sans-serif;background:linear-gradient(135deg,#fff0f5,#ffe6f0);display:flex;justify-content:center;align-items:center;}

.page-wrapper{width:100%;display:flex;justify-content:center;align-items:center;padding:20px;}

.card-wrapper{
  background:var(--card-bg);
  padding:40px 30px;
  border-radius:20px;
  box-shadow:var(--shadow);
  max-width:500px;
  width:100%;
  text-align:center;
}

.card-header h1{font-size:48px;color:var(--primary);margin-bottom:10px}
.card-header p{font-size:16px;color:var(--muted);margin-bottom:30px}

.countdown{display:flex;justify-content:center;gap:15px;margin-bottom:30px}
.countdown div{background:rgba(255,255,255,0.6);backdrop-filter:blur(8px);padding:15px 20px;border-radius:12px;min-width:70px}
.countdown span{display:block;font-size:36px;font-weight:700;color:var(--primary)}
.countdown small{display:block;font-size:12px;color:var(--muted);margin-top:5px}

.notify-form{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}
.notify-form input{flex:1;padding:12px 15px;border-radius:10px;border:1px solid #eee;font-size:14px;min-width:150px}
.notify-form button{padding:12px 20px;border-radius:10px;border:none;background:var(--primary);color:white;font-weight:600;cursor:pointer;font-size:14px}

.card-footer{font-size:12px;color:var(--muted);margin-top:10px}