@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }
.login-button:hover { background: rgba(255, 255, 255, 0.15); }
.login-button:focus { outline: 2px solid #4698a8; outline-offset: 2px; }
.signup-button:hover { background: #3d8795; box-shadow: 0 0 20px rgba(70, 152, 168, 0.3); }
.signup-button:focus { outline: 2px solid #fff; outline-offset: 2px; }
.info-button:hover { color: #c8e7ed; }
.domain-input:focus { outline: none; box-shadow: 0 0 0 2px #4698a8; }
.verify-button:hover { background: #3d8795; box-shadow: 0 0 20px rgba(70, 152, 168, 0.3); }
.verify-button:focus { outline: 2px solid #fff; outline-offset: 2px; }
.close-button:hover { background: #3d8795; box-shadow: 0 0 12px #4698a8; transform: scale(1.03); }
.badge-animation { animation: bounce 2s infinite; }
#blur-bg { background: radial-gradient(circle at center, rgba(70, 152, 168, 0.3), transparent 70%); }
.blur-effect { background: radial-gradient(circle at center, rgba(70, 152, 168, 0.2), transparent 70%); }
.gradient-animate {background: linear-gradient(90deg, #14b8a6, #0ea5e9, #14b8a6);background-size: 200% auto;background-clip: text;-webkit-background-clip: text;color: transparent;animation: shine 4s linear infinite;}
@keyframes shine {0% { background-position: 0% center; }100% { background-position: -200% center; }} 
.pixel-particle {width: 2px;height: 2px;opacity: 0.1;position: absolute;animation: pixelFloat 6s linear infinite;border-radius: 2px;}
@keyframes pixelFloat {0% { transform: translateY(0) translateX(0); opacity: 0.1; }50%{ transform: translateY(-20px) translateX(10px); opacity: 0.6; }100% { transform: translateY(0) translateX(0); opacity: 0.1; }}
@keyframes borderPulse {0% { border-color: #10b981; }50% { border-color: #4698a8; }100% { border-color: #10b981; }}
.animate-border {animation: borderPulse 4s infinite;}
@keyframes matrix {0% { transform: translateY(0); opacity: 0.1; }50% { transform: translateY(-10px); opacity: 0.3; }100% { transform: translateY(0); opacity: 0.1; }}
.matrix-pixel {position: absolute;width: 2px;height: 2px;background-color: white;opacity: 0.1;animation: matrix 6s infinite ease-in-out;z-index: 0;}
.gradient-text {background: linear-gradient(90deg, #0ea5e9, #3b82f6, #0ea5e9);background-size: 200% auto;background-clip: text;-webkit-background-clip: text;color: transparent;animation: shine 4s linear infinite;}
@keyframes shine {0% { background-position: 0% center; }100% { background-position: -200% center; }}
.animated-text span {display: inline-block;opacity: 0;animation: decrypt 0.8s ease forwards;}
.animated-text span:nth-child(n) {animation-delay: calc(var(--i) * 0.05s);}
@keyframes decrypt {0% { opacity: 0; transform: translateY(-10px) scale(0.8); filter: blur(4px); }60% { opacity: 0.6; filter: blur(2px); }100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }}
@keyframes decrypt {0% { opacity: 0; transform: translateY(-10px) scale(0.8); filter: blur(4px); }60% { opacity: 0.6; filter: blur(2px); }100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }}
.matrix-pixel {position: absolute;width: 2px;height: 2px;background-color: white;opacity: 0.1;animation: matrix 6s infinite ease-in-out;z-index: 0;}
@keyframes matrix {0% { transform: translateY(0); opacity: 0.1; }50% { transform: translateY(-10px); opacity: 0.3; }100% { transform: translateY(0); opacity: 0.1; }}
.card-glow:hover {box-shadow: 0 0 25px rgba(70,152,168,0.4);transform: scale(1.01);transition: all 0.3s ease-in-out;}
@keyframes fadeSlide {from { opacity: 0; transform: translateY(20px); }to { opacity: 1; transform: translateY(0); }}
.animate-fade-slide {animation: fadeSlide 0.5s ease-out both;}
.twinkle {animation: twinkle 2s infinite ease-in-out alternate;}
@keyframes twinkle {0% { opacity: 0.2; transform: scale(1); }100% { opacity: 0.7; transform: scale(1.2); }}
button:focus,input:focus,select:focus {outline: none;box-shadow: none;}
@keyframes slideFadeIn {0% { opacity: 0; transform: translateY(-20px); }100% { opacity: 1; transform: translateY(0); }}
.domain-available-animate {animation: slideFadeIn 0.6s ease-out forwards;}
@keyframes borderPulse {0% { border-color: #10b981; }50% { border-color: #4698a8; }100% { border-color: #10b981; }}
.animate-border {animation: borderPulse 4s infinite;}
@keyframes blink {50% { border-color: transparent; }}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
  overscroll-behavior-x: none;
}