/* Critical above-the-fold styles - Optimized for Core Web Vitals */
/* Reset and base styles */
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.5;color:#212529}

/* Navbar - responsive padding */
.navbar{background-color:#ffffff;border-bottom:1px solid #dee2e6;padding:clamp(0.5rem,1vw,0.75rem) 0;position:relative;z-index:1030}

/* Hero section - responsive sizing */
.hero-section{padding:clamp(2rem,5vw,3rem) 0;background-color:#f8f9fa;min-height:clamp(40vh,60vw,60vh);display:flex;align-items:center}

/* Buttons - responsive sizing scaled to 90% */
.btn{display:inline-block;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;border:1px solid transparent;padding:clamp(0.3375rem,0.72vw,0.45rem) clamp(0.675rem,1.35vw,0.9rem);font-size:clamp(0.81rem,0.9vw,0.9rem);border-radius:.375rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.btn-primary{color:#fff;background-color:#6366f1;border-color:#6366f1}
.btn-primary:hover{color:#fff;background-color:#4f46e5;border-color:#4f46e5}
.btn-success{color:#fff;background-color:#198754;border-color:#198754}
.btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}
.btn-lg{padding:clamp(0.45rem,1.08vw,0.675rem) clamp(0.9rem,1.8vw,1.35rem);font-size:clamp(0.9rem,1.08vw,1.125rem);border-radius:.5rem}

/* Typography - responsive sizing scaled to 90% */
.display-5{font-size:clamp(1.575rem,3.6vw,2.7rem);font-weight:700;line-height:1.2;margin-bottom:1rem}

/* Utilities - keep minimal, no container overrides - scaled to 90% */
.text-center{text-align:center!important}
.fw-bold{font-weight:700!important}
.text-muted{color:#6c757d!important}
.mb-4{margin-bottom:clamp(0.9rem,1.8vw,1.35rem)!important}
.mt-3{margin-top:clamp(0.675rem,1.35vw,0.9rem)!important}
.d-flex{display:flex!important}
.justify-content-center{justify-content:center!important}
.align-items-center{align-items:center!important}
.gap-3{gap:clamp(0.675rem,1.35vw,0.9rem)!important}

/* Cards - responsive sizing scaled to 90% */
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.375rem}
.card-body{flex:1 1 auto;padding:clamp(0.9rem,1.8vw,1.35rem)}
.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}
.h-100{height:100%!important}

/* Prevent layout shift */
img{max-width:100%;height:auto}
.lazy{opacity:0;transition:opacity 0.3s}
.lazy.loaded{opacity:1}

/* Responsive mobile optimizations */
@media (max-width:768px){
    .hero-section{padding:clamp(1.5rem,3vw,2rem) 0;min-height:clamp(40vh,50vw,50vh)}
    .navbar{padding:clamp(0.25rem,0.5vw,0.5rem) 0}
    .navbar-brand{font-size:clamp(1.1rem,2.5vw,1.25rem)}
    .nav-link{font-size:clamp(0.85rem,1.8vw,0.9rem);padding:clamp(0.4rem,1vw,0.5rem) clamp(0.5rem,1.5vw,0.75rem)}
    .payment-logo{max-width:clamp(50px,12vw,60px);height:auto}
    .form-control{font-size:16px;padding:clamp(0.5rem,1.5vw,0.75rem)}
    .form-label{font-size:clamp(0.85rem,1.8vw,0.9rem);margin-bottom:clamp(0.25rem,1vw,0.5rem)}
    .table-responsive{font-size:clamp(0.8rem,1.8vw,0.875rem)}
    .accordion-button{font-size:clamp(0.85rem,1.8vw,0.9rem);padding:clamp(0.5rem,1.5vw,0.75rem) clamp(0.75rem,2vw,1rem)}
    .accordion-body{font-size:clamp(0.8rem,1.8vw,0.875rem);padding:clamp(0.75rem,2vw,1rem)}
    .alert{padding:clamp(0.75rem,2vw,1rem);font-size:clamp(0.85rem,1.8vw,0.9rem)}
    .badge{font-size:clamp(0.7rem,1.5vw,0.75rem);padding:clamp(0.3rem,0.8vw,0.375rem) clamp(0.4rem,1vw,0.5rem)}
}

/* Gradients and effects */
.bg-gradient-primary{background:linear-gradient(135deg,#5b5bf7 0%,#6a60f7 100%)}
.bg-gradient-light{background:linear-gradient(135deg,#f8f9ff 0%,#eef1ff 100%)}
.hover-lift{transition:transform .2s ease,box-shadow .2s ease}
.hover-lift:hover{transform:translateY(-2px);box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}