* {margin:0;padding:0;box-sizing:border-box;}

body {
    font-family:'Segoe UI',Arial,sans-serif;
    line-height:1.7;
    background:#f8f9fa;
    color:#333;
    padding-top:70px;
    padding-bottom:80px;      /* ← ye add kiya footer ke liye */
    font-size:16px;
    min-height:100vh;         /* ← ye bhi add kiya taaki footer neeche rahe */
}

.custom-fixed-navbar {
    position:fixed;top:0;left:0;width:100%;height:60px;
    background:rgba(248,249,250,0.95);
    backdrop-filter:blur(12px);
    z-index:9999;display:flex;align-items:center;padding:0 15px;
    box-shadow:0 2px 15px rgba(0,0,0,0.08);
}
.custom-fixed-navbar .back-btn {color:#333;text-decoration:none;font-weight:600;padding:8px 14px;border-radius:8px;font-size:16px;}
.custom-fixed-navbar .back-btn:hover {background:rgba(0,0,0,0.1);}
.navbar-title {margin-left:15px;font-size:18px;font-weight:600;color:#333;}

.container {
    max-width:950px;margin:20px auto;background:#fff;padding:25px;border-radius:16px;
    box-shadow:0 8px 32px rgba(0,0,0,0.08);
}

h1 {font-size:2.4rem;font-weight:700;text-align:center;margin-bottom:20px;color:#222;}
h2 {font-size:1.8rem;font-weight:600;margin:40px 0 15px;color:#222;}

table {
    width:100%;border-collapse:collapse;margin:30px 0;border:1px solid #ddd;
}
th {background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 10px;text-align:center;font-weight:600;}
td {padding:14px 10px;border:1px solid #ddd;}

/* Mobile pe table fit + no scroll */
@media (max-width:768px) {
    table {width:100% !important;table-layout:fixed;font-size:14px;}
    th, td {padding:10px 6px !important;word-wrap:break-word;font-size:13.5px;line-height:1.4;}
    th {font-size:14px;}
}
@media (max-width:480px) {
    table {font-size:12.8px;}
    th, td {padding:8px 4px !important;font-size:12.5px;}
    th {font-size:13px;}
}
@media (max-width:360px) {
    table {font-size:12px;}
    th, td {font-size:11.8px;padding:7px 3px !important;}
}

/* Button center + space */
.apply-section, .final-apply, .text-center {text-align:center !important;margin:60px 0 !important;}
.apply-btn {
    display:inline-block;background:#667eea;color:#fff;padding:18px 44px;
    font-size:18px;font-weight:600;border:none;border-radius:50px;text-decoration:none;
    box-shadow:0 10px 28px rgba(102,126,234,0.35);transition:all .3s;
}
.apply-btn:hover {background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-4px);}

/* Benefits */
.benefits-container {display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin:50px 0;}
.benefit-item {background:#fff;padding:24px 16px;border-radius:16px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.benefit-item i {font-size:38px;margin-bottom:12px;}
.benefit-item strong {font-size:16px;font-weight:600;display:block;}
.benefit-1 i,.benefit-1 strong{color:#667eea;}
.benefit-2 i,.benefit-2 strong{color:#4caf50;}
.benefit-3 i,.benefit-3 strong{color:#2196f3;}
.benefit-4 i,.benefit-4 strong{color:#ff9800;}

/* Card image */
.card-image {width:100%;max-width:420px;margin:30px auto;padding:12px;border-radius:20px;overflow:hidden;}
.card-image img {width:100%;border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,0.12);transition:.4s;}
.card-image img:hover {transform:scale(1.03);}

/* Disclosure */
.disclosure {padding:20px;border-radius:12px;margin:40px 0;font-size:15px;box-shadow:0 4px 12px rgba(0,0,0,0.05);}

/* Footer hamesha dikhega */
.page-footer p {
    text-align:center;
    color:#888;
    font-size:14px;
    margin:40px 0 20px;
    padding:20px 15px;
    background:rgba(248,249,250,0.8);
    position:relative;
    z-index:1;
}

/* Mobile tweaks */
@media (max-width:480px) {
    body {font-size:15.5px;padding-bottom:100px;}
    .container {margin:12px;padding:18px;}
    h1 {font-size:1.9rem;}
    h2 {font-size:1.6rem;}
}