/* Custom styles for the Tiny URL Generator */

/* Use the Inter font for the entire page for a clean, modern look. */
body {
    font-family: 'Inter', sans-serif;
}

/* Adds a frosted glass effect to the form container for better visual depth. */
.form-container {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* For Safari browser compatibility */
}

/* Creates an outer glow effect when the user hovers over the button. */
/* This provides clear visual feedback that the button is interactive. */
.btn-glow:hover {
    box-shadow: 0 0 10px #6366f1, 0 0 20px #6366f1, 0 0 30px #6366f1;
}

/* Hides elements with the 'hidden' class. This is used by JavaScript to toggle visibility. */
.hidden {
    display: none;
}