* {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }

   body {
       min-height: 100vh;
       background: radial-gradient(circle at 10% 30%, #0f0718, #02010a);
       font-family: 'Inter', sans-serif;
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 1.5rem;
       position: relative;
       overflow-x: hidden;
   }

   .orb {
       position: fixed;
       border-radius: 50%;
       filter: blur(80px);
       opacity: 0.4;
       z-index: 0;
       pointer-events: none;
       animation: floatOrb 18s infinite alternate ease-in-out;
   }

   .orb-1 {
       width: 55vw;
       height: 55vw;
       background: #8b5cf6;
       top: -20vh;
       left: -20vw;
       animation-duration: 22s;
   }

   .orb-2 {
       width: 60vw;
       height: 60vw;
       background: #a855f7;
       bottom: -30vh;
       right: -25vw;
       animation-duration: 25s;
       animation-delay: -5s;
   }

   .orb-3 {
       width: 45vw;
       height: 45vw;
       background: #6d28d9;
       top: 40%;
       left: 60%;
       animation-duration: 19s;
       animation-delay: -2s;
       opacity: 0.3;
   }

   @keyframes floatOrb {
       0% {
           transform: translate(0, 0) scale(1);
       }

       100% {
           transform: translate(4%, 6%) scale(1.1);
       }
   }

   .pulse-card {
       position: relative;
       z-index: 10;
       max-width: 580px;
       width: 100%;
       background: rgba(15, 10, 30, 0.65);
       backdrop-filter: blur(12px);
       border-radius: 3rem;
       border: 1px solid rgba(139, 92, 246, 0.4);
       box-shadow: 0 30px 50px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(168, 85, 247, 0.2) inset;
       padding: 2.2rem 2rem 2.8rem;
       transition: all 0.3s ease;
       text-align: center;
   }

   .badge {
       display: inline-flex;
       align-items: center;
       gap: 0.5rem;
       background: rgba(139, 92, 246, 0.2);
       border-radius: 100px;
       padding: 0.4rem 1.2rem;
       margin-bottom: 1.5rem;
       border: 1px solid rgba(168, 85, 247, 0.5);
       backdrop-filter: blur(4px);
   }

   .badge i {
       font-size: 1rem;
       color: #c084fc;
   }

   .badge span {
       font-size: 0.85rem;
       font-weight: 500;
       letter-spacing: 0.3px;
       color: #e9d5ff;
       text-transform: uppercase;
   }

   h2 {
       font-size: 2.8rem;
       font-weight: 800;
       background: linear-gradient(135deg, #f0e6ff, #c084fc, #a855f7);
       background-clip: text;
       -webkit-background-clip: text;
       color: transparent;
       margin-bottom: 0.75rem;
       letter-spacing: -0.02em;
   }

   .catchy-line {
       font-size: 1.2rem;
       font-weight: 500;
       color: #d9c6ff;
       margin-bottom: 1.8rem;
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 0.6rem;
       flex-wrap: wrap;
   }

   .catchy-line i {
       color: #c084fc;
       font-size: 1.2rem;
   }

   .redirect-animation {
       margin: 2rem 0 1.5rem;
       display: flex;
       flex-direction: column;
       align-items: center;
       gap: 1.2rem;
   }

   .progress-ring {
       position: relative;
       width: 110px;
       height: 110px;
   }

   .progress-ring svg {
       width: 110px;
       height: 110px;
       transform: rotate(-90deg);
   }

   .progress-ring-circle-bg {
       stroke: rgba(139, 92, 246, 0.3);
       stroke-width: 6;
       fill: none;
   }

   .progress-ring-circle {
       stroke: url(#violetGradient);
       stroke-width: 6;
       fill: none;
       stroke-linecap: round;
       stroke-dasharray: 314.159;
       stroke-dashoffset: 314.159;
       transition: stroke-dashoffset 0.05s linear;
   }

   .countdown-text {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       font-size: 1.9rem;
       font-weight: 800;
       color: #e9d5ff;
       text-shadow: 0 0 6px #a855f7;
   }

   .status-message {
       font-size: 1rem;
       font-weight: 500;
       background: rgba(0, 0, 0, 0.45);
       padding: 0.5rem 1.2rem;
       border-radius: 40px;
       color: #cdb4ff;
       backdrop-filter: blur(4px);
       display: inline-flex;
       align-items: center;
       gap: 10px;
   }

   .status-message i {
       font-size: 1rem;
       color: #c084fc;
   }

   .button-group {
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       gap: 1rem;
       margin: 2rem 0 1.2rem;
   }

   .btn {
       padding: 0.85rem 1.8rem;
       border-radius: 60px;
       font-weight: 600;
       font-size: 0.95rem;
       cursor: pointer;
       transition: all 0.2s ease;
       font-family: 'Inter', sans-serif;
       border: none;
       display: inline-flex;
       align-items: center;
       gap: 10px;
       backdrop-filter: blur(8px);
   }

   .btn-primary {
       background: linear-gradient(105deg, #8b5cf6, #a855f7);
       box-shadow: 0 8px 20px rgba(139, 92, 246, 0.3);
       color: white;
       border: 1px solid rgba(255, 255, 255, 0.2);
   }

   .btn-primary:hover {
       transform: scale(1.02);
       background: linear-gradient(105deg, #9b6efc, #b45eff);
       box-shadow: 0 12px 26px rgba(139, 92, 246, 0.5);
   }

   .btn-outline {
       background: rgba(30, 20, 55, 0.6);
       border: 1px solid rgba(168, 85, 247, 0.7);
       color: #e0caff;
   }

   .btn-outline:hover {
       background: rgba(139, 92, 246, 0.2);
       border-color: #c084fc;
       color: white;
   }

   .note {
       font-size: 0.75rem;
       color: #9b8bb5;
       margin-top: 1.5rem;
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 0.4rem;
       flex-wrap: wrap;
   }

   .note i {
       font-size: 0.7rem;
   }

   @keyframes softGlow {
       0% {
           text-shadow: 0 0 1px #c084fc;
       }

       100% {
           text-shadow: 0 0 8px #b45eff;
       }
   }

   .glow-text {
       animation: softGlow 1.8s infinite alternate;
   }

   @media (max-width: 520px) {
       .pulse-card {
           padding: 1.8rem 1.2rem 2.2rem;
       }

       h2 {
           font-size: 2.2rem;
       }

       .catchy-line {
           font-size: 1rem;
       }

       .btn {
           padding: 0.7rem 1.4rem;
           font-size: 0.85rem;
       }

       .progress-ring {
           width: 85px;
           height: 85px;
       }

       .progress-ring svg {
           width: 85px;
           height: 85px;
       }

       .countdown-text {
           font-size: 1.5rem;
       }
   }