:root{
      --accent1: #ff6900;
      --accent2: #dc5f00;
      --bg: #1e1e1e;
      --bg2: #292929;
      --black: #000;
      --white: #fff;
      --radius: 16px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html,body{height:100%}
    body{
      background:var(--bg);
      color:var(--white);
      font-family: "Poppins", Inter, system-ui, sans-serif;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:20px;
    }
    .wrapper{
      max-width:960px;
      width:100%;
      background:var(--bg2);
      border-radius:var(--radius);
      padding:50px 40px;
      box-shadow:0 20px 50px rgba(0,0,0,0.75);
      text-align:center;
      position:relative;
      overflow:hidden;
    }
    .wrapper::before{
      content:"";
      position:absolute;
      top:-100px;left:-100px;
      width:300px;height:300px;
      background:radial-gradient(circle,var(--accent1),transparent 70%);
      opacity:0.15;
      border-radius:50%;
      z-index:0;
    }
    .wrapper::after{
      content:"";
      position:absolute;
      bottom:-120px;right:-120px;
      width:300px;height:300px;
      background:radial-gradient(circle,var(--accent2),transparent 70%);
      opacity:0.15;
      border-radius:50%;
      z-index:0;
    }
    .content{position:relative;z-index:1}
    .logo{
      width:90px;height:90px;
      background:linear-gradient(135deg,var(--accent1),var(--accent2));
      border-radius:20px;
      margin:0 auto 20px;
      display:flex;align-items:center;justify-content:center;
      font-weight:800;font-size:28px;color:var(--black);
      box-shadow:0 8px 20px rgba(0,0,0,0.6);
    }
    h1{font-size:34px;font-weight:700;margin-bottom:10px}
    h2{font-size:20px;font-weight:500;margin-bottom:30px;color:rgba(255,255,255,0.8)}
    p{font-size:16px;line-height:1.6;color:rgba(255,255,255,0.85);max-width:640px;margin:0 auto 20px}
    .countdown{display:flex;justify-content:center;gap:18px;margin:30px 0}
    .item{background:var(--bg);padding:18px 14px;border-radius:12px;min-width:80px}
    .num{font-size:24px;font-weight:700;color:var(--accent1)}
    .label{font-size:12px;color:rgba(255,255,255,0.6);margin-top:6px}
    .email-form{display:flex;justify-content:center;gap:10px;margin-top:30px}
    .email-form input[type="email"]{
      flex:1;max-width:280px;
      padding:12px;border-radius:10px;
      border:none;background:rgba(255,255,255,0.1);
      color:var(--white);font-size:14px;outline:none
    }
    .email-form button, .buy-button{
      background:linear-gradient(135deg,var(--accent1),var(--accent2));
      border:none;padding:12px 20px;border-radius:10px;
      font-weight:bold;color:var(--black);cursor:pointer;
      transition:transform 0.2s ease;
		font-family: "Poppins", Inter, system-ui, sans-serif;
		font-size:12px;
    }
    .email-form button:hover, .buy-button:hover{transform:translateY(-2px)}
    .links{margin-top:25px;display:flex;justify-content:center;gap:12px}
    .link-btn{
      padding:10px 16px;border-radius:10px;
      background:transparent;border:1px solid rgba(255,255,255,0.15);
      font-size:14px;color:var(--white);text-decoration:none;
      transition:background 0.2s ease;
    }
    .link-btn:hover{background:rgba(255,255,255,0.08)}
    footer{margin-top:40px;font-size:14px;color:rgba(255,255,255,0.6)}
    footer a{color:var(--accent1);text-decoration:none;font-weight:500}

	.buy-button{
		text-decoration: none;	
	}

    img{
        width:150px;
    }
    @media(max-width:600px){
      .wrapper{padding:30px 20px}
      .countdown{flex-wrap:wrap}
      .item{min-width:70px}
	  
		
    }

@media(max-width:450px){
	.email-form {
			flex-direction: column;
	}
	.buy-button{
		display:block;
		  margin:25px auto 0;
	  }
}