*{margin:0;padding:0;box-sizing:border-box;}
body {
  font-family: Inter, sans-serif;
  color: #fff;
  background: radial-gradient(ellipse at bottom, #00a3c9 0%, #031037 100%);
  margin: 0;
  padding: 0;
  min-height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
}
#particles {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
.container {
  position: relative;
  z-index: 10;
  text-align: center;
  padding: 40px 20px;
  width: 100%;
  max-width: 640px;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  box-sizing: border-box;
}
.logo{width:80%;max-width:380px;cursor:pointer;transition:.3s;}
.logo:hover{transform:scale(1.05);}
h1 {
  font-size: clamp(2rem, 6.5vw, 3.2rem);
  margin: 28px 0 10px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
p{font-size:1.1rem;opacity:0.9;margin-bottom:40px;}
#countdown{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:40px;}
#countdown div{background:rgba(255,255,255,0.15);backdrop-filter:blur(12px);padding:18px;border-radius:16px;min-width:80px;}
#countdown span{font-size:2.8rem;font-weight:600;display:block;}
#countdown small{font-size:0.85rem;opacity:0.8;}
#openFormBtn{background:#FFD700;color:#000;padding:16px 40px;border:none;border-radius:12px;font-size:1.2rem;font-weight:600;cursor:pointer;}
.already{margin-top:30px;}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.8);justify-content:center;align-items:center;z-index:999;}
.modal-content{background:#fff;color:#000;padding:40px;border-radius:16px;width:90%;max-width:420px;position:relative;}
.closeBtn{position:absolute;top:10px;right:15px;font-size:2.5rem;cursor:pointer;}