/* Tailwind CSS - Custom Build for MunSD Application Portal */

/* Base styles */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
html{line-height:1.5;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
body{margin:0;line-height:inherit}

/* Layout utilities */
.min-h-screen{min-height:100vh}
.flex{display:flex}
.flex-col{flex-direction:column}
.flex-1{flex:1 1 0%}
.items-center{align-items:center}
.justify-center{justify-content:center}
.block{display:block}

/* Spacing */
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.px-4{padding-left:1rem;padding-right:1rem}
.p-6{padding:1.5rem}
.mb-4{margin-bottom:1rem}
.mb-2{margin-bottom:0.5rem}

/* Sizing */
.w-full{width:100%}
.w-80{width:20rem}
.max-w-7xl{max-width:80rem}
.h-48{height:12rem}

/* Typography */
.text-center{text-align:center}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.font-light{font-weight:300}
.font-semibold{font-weight:600}

/* Colors */
.text-red-500{color:#ef4444}
.text-gray-800{color:#1f2937}
.text-black{color:#000000}
.bg-white\/95{background-color:rgba(255,255,255,0.95)}
.dark\:bg-gray-800\/95{background-color:rgba(31,41,55,0.95)}
.dark\:text-white{color:#ffffff}

/* Background */
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.from-indigo-500{--tw-gradient-from:#6366f1;--tw-gradient-to:rgba(99,102,241,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-purple-500{--tw-gradient-to:rgba(168,85,247,0);--tw-gradient-stops:var(--tw-gradient-from),#a855f7,var(--tw-gradient-to)}
.to-pink-500{--tw-gradient-to:#ec4899}

/* Effects */
.drop-shadow-lg{filter:drop-shadow(0 10px 8px rgba(0,0,0,0.04)) drop-shadow(0 4px 3px rgba(0,0,0,0.1))}
.rounded-2xl{border-radius:1rem}
.overflow-hidden{overflow:hidden}
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1)}
.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}

/* Positioning */
.relative{position:relative}

/* Object fit */
.object-cover{object-fit:cover}
.object-center{object-position:center}

/* Custom animations */
@keyframes fadeInUp {
    from {opacity:0;transform:translateY(30px)}
    to {opacity:1;transform:translateY(0)}
}
.fade-in-up{animation:fadeInUp 0.6s ease-out}

/* Note: app card styles live in css/custom.css to avoid conflicts across environments */

/* Responsive */
@media (min-width:768px){
    .md\:text-6xl{font-size:3.75rem;line-height:1}
}