@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color: #020617; }

.bg-pattern {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.05) 1px, transparent 0);
    background-size: 32px 32px;
    z-index: 0;
}

#msg-box { 
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease, visibility 0.4s; 
}

#msg-box.show { 
    transform: translateX(0) !important; 
    opacity: 1 !important; 
    visibility: visible !important; 
}

#step-2-fields.hidden { display: none; }
#step-2-fields { animation: slide-up 0.4s ease-out; }

@keyframes slide-up {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #0a0d14 inset !important;
    -webkit-text-fill-color: #e2e8f0 !important;
}