style.css

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

body {
    font-family: 'Inter', sans-serif;
    background-color: #f9fafb;
}

/* Smooth transitions for interactive elements */
button, input[type="submit"], a {
    transition: all 0.2s ease;
}

/* Custom focus styles */
input:focus, button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}

/* Container styles */
.min-h-full {
    min-height: 100vh;
}

/* Logo and header styles */
.sm\:max-w-md {
    max-width: 28rem;
}

/* Form container */
.sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
}