/*
 * Login Page Minimal Styles
 * Background gradient and basic overrides
 */

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

:root {
    --primary-red: #FFA500;
    --primary-red-dark: #4CAF50;
}

/* Reset untuk body */
body {
    font-family: 'Poppins', 'Inter', sans-serif;
    margin: 0;
    padding: 1.5rem;
    min-height: 100vh;
    background: linear-gradient(135deg, var(--primary-red) 0%, var(--primary-red-dark) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Responsive padding for different screen sizes */
@media (min-width: 640px) {
    body {
        padding: 2rem;
    }
}

/* Optional decorative background */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
    z-index: -1;
}

/* Custom overrides untuk Tailwind jika diperlukan */
.input-icon {
    color: #6b7280;
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .login-card {
        border-radius: 1.5rem;
    }
}