halgorn's picture
crie um site para captura de leads com unity dev e mercado de trabalho com backend e banco de dados mysql
679b160 verified
/* Shared styles across all pages */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Inter', sans-serif;
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #1f2937;
}
::-webkit-scrollbar-thumb {
background: #7c3aed;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #6d28d9;
}
/* Form animations */
.form-group {
transition: all 0.3s ease;
}
.form-group:focus-within {
transform: translateY(-2px);
}
/* Gradient text animation */
.gradient-text {
background: linear-gradient(45deg, #8b5cf6, #3b82f6, #06b6d4);
background-size: 200% 200%;
animation: gradient-shift 3s ease infinite;
}
@keyframes gradient-shift {
0%, 100% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
}
/* Floating animation */
.float-animation {
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-20px); }
}
/* Success message animation */
.success-message {
animation: slideIn 0.5s ease-out;
}
@keyframes slideIn {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Responsive adjustments */
@media (max-width: 768px) {
.hero-content {
padding: 2rem 1rem;
}
.stats-section .grid {
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
}