/* Home Page Specific Styles */

body{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100vh;
}

.wrap{
  text-align:center;
  padding:80px 40px;
  background:transparent;
  border:none;
  backdrop-filter:none;
}

/* Logo Container */
.logo-container{
  margin-bottom:60px;
  animation:fadeInUp 0.8s ease-out;
}

.logo-container img{
  width:320px;
  height:auto;
  display:block;
  margin:0 auto 30px;
  filter:drop-shadow(0 4px 20px rgba(0,0,0,0.08));
}

.brand-text{
  font-weight:700;
  font-size:64px;
  letter-spacing:-2px;
  margin-top:10px;
  line-height:1.05;
}

.brand-text .duck{
  color:#f18611;
}

.brand-text .net{
  color:#f6f0e2;
}

/* Home Typography */
h1{
  font-size:56px;
  font-weight:700;
  margin-top:20px;
  color:#f6f0e2;
  line-height:1.07;
  letter-spacing:-1.5px;
  animation:fadeInUp 0.8s ease-out 0.2s both;
}

p.lead{
  margin-top:20px;
  color:#9a9285;
  font-size:24px;
  line-height:1.5;
  letter-spacing:-0.2px;
  font-weight:400;
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
  animation:fadeInUp 0.8s ease-out 0.4s both;
}

/* Contact Section */
.contact-section{
  margin-top:80px;
  padding:0;
  animation:fadeInUp 0.8s ease-out 0.6s both;
}

.contact-label{
  font-size:12px;
  color:#9a9285;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:16px;
  font-weight:500;
}

a{
  color:#f18611;
  font-size:21px;
  text-decoration:none;
  font-weight:400;
  transition:color 0.3s ease;
}

a:hover{
  color:#c86616;
}

/* Countdown */
.countdown{
  display:flex;
  gap:24px;
  justify-content:center;
  margin-top:60px;
  margin-bottom:60px;
  flex-wrap:wrap;
  animation:fadeInUp 0.8s ease-out 0.6s both;
}

.unit{
  min-width:120px;
  padding:30px 24px;
  background:rgba(255,255,255,0.05);
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.1);
  box-shadow:0 4px 20px rgba(0,0,0,0.2);
  transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter:blur(10px);
}

.unit:hover{
  transform:translateY(-6px);
  background:rgba(255,255,255,0.08);
  box-shadow:0 12px 40px rgba(0,0,0,0.3);
  border-color:rgba(255,255,255,0.15);
}

.unit .num{
  font-size:48px;
  font-weight:700;
  color:#f18611;
  line-height:1;
  letter-spacing:-1px;
}

.unit .label{
  font-size:12px;
  color:#9a9285;
  margin-top:10px;
  text-transform:uppercase;
  letter-spacing:0.8px;
  font-weight:500;
}

/* Subscribe Form */
form.subscribe{
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:center;
  margin-top:40px;
  flex-wrap:wrap;
  animation:fadeInUp 0.8s ease-out 0.8s both;
}

.subscribe input[type="email"]{
  padding:16px 20px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.15);
  background:rgba(255,255,255,0.05);
  color:#f6f0e2;
  min-width:320px;
  font-size:17px;
  transition:all 0.3s ease;
  font-family:inherit;
}

.subscribe input[type="email"]:focus{
  outline:none;
  border-color:#f18611;
  background:rgba(255,255,255,0.08);
  box-shadow:0 0 0 4px rgba(241,134,17,0.15);
}

.subscribe input[type="email"]::placeholder{
  color:#9a9285;
}

.subscribe button{
  padding:16px 32px;
  border-radius:12px;
  border:0;
  background:#f18611;
  color:#333230;
  cursor:pointer;
  font-weight:600;
  font-size:17px;
  font-family:inherit;
  transition:all 0.3s ease;
  box-shadow:0 4px 12px rgba(241,134,17,0.25);
}

.subscribe button:hover{
  background:#c86616;
  transform:scale(1.02);
  box-shadow:0 6px 20px rgba(241,134,17,0.35);
}

.subscribe button:active{
  transform:scale(0.98);
}

.meta{
  margin-top:30px;
  color:#9a9285;
  font-size:14px;
}

.small{
  margin-top:24px;
  font-size:14px;
  color:#9a9285;
}

/* Animations */
@keyframes fadeInUp{
  from{
    opacity:0;
    transform:translateY(30px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* Responsive */
@media (max-width:734px){
  body{padding:20px}
  .wrap{padding:60px 20px}
  .logo-container{margin-bottom:40px}
  .logo-container img{width:140px;margin-bottom:20px}
  .brand-text{font-size:44px;letter-spacing:-1.5px}
  h1{font-size:40px;letter-spacing:-1px}
  p.lead{font-size:19px;margin-top:16px}
  .unit{min-width:100px;padding:24px 20px}
  .unit .num{font-size:36px}
  .subscribe{flex-direction:column;width:100%;gap:12px}
  .subscribe input[type="email"]{width:100%;min-width:100%}
  .subscribe button{width:100%}
  .contact-section{margin-top:60px}
  a{font-size:19px}
}