/* Main CSS Overrides for Public Result Checker Page */
/* Developed for HowITech Software Solutions */

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

body {
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
    background-color: #f1f5f9;
    color: #0f172a;
    min-height: 100vh;
}

/* Hero Background Mesh & Soft SVG Dots Pattern */
.hero-pattern {
    background-color: #f1f5f9;
    background-image: 
        radial-gradient(at 0% 0%, rgba(59, 130, 246, 0.09) 0px, transparent 50%),
        radial-gradient(at 100% 0%, rgba(37, 99, 235, 0.07) 0px, transparent 50%),
        radial-gradient(at 50% 100%, rgba(219, 234, 254, 0.45) 0px, transparent 60%),
        radial-gradient(rgba(37, 99, 235, 0.06) 1px, transparent 1px);
    background-size: 100% 100%, 100% 100%, 100% 100%, 24px 24px;
}

/* Glassmorphic Card Styling - High Contrast & Depth */
.glass-card {
    background: #ffffff;
    border: 1px solid rgba(226, 232, 240, 0.95);
    box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.08), 0 4px 12px -4px rgba(15, 23, 42, 0.04);
}

/* Custom Spinner Animation */
.spinner {
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #ffffff;
    width: 1.25rem;
    height: 1.25rem;
    animation: spin 0.8s linear infinite;
    display: inline-block;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Skeleton Loading Effect */
.skeleton {
    background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
}

@keyframes skeleton-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Smooth Table Transitions */
.result-card {
    transition: all 0.3s ease-in-out;
}

/* Custom Input Focus Glow */
.search-input-glow:focus {
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15);
}