:root{
    --navy:#071b3a;
    --navy-2:#0d2d5c;
    --blue:#1769d1;
    --blue-2:#2b8cff;
    --gold:#d9a62e;
    --gold-light:#f5d77a;
    --white:#ffffff;
    --text:#14213d;
    --muted:#61708a;
    --border:#e6ebf3;
    --bg:#f6f8fc;
    --shadow:0 24px 70px rgba(5,25,55,.16);
}

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;
    color:var(--text);
    background:var(--bg);
    line-height:1.5;
}

a{
    text-decoration:none;
    color:inherit;
}

.container{
    width:min(1160px,92%);
    margin:0 auto;
}

/* HEADER */
.header{
    position:sticky;
    top:0;
    z-index:100;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(230,235,243,.9);
}

.nav{
    min-height:78px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

.brand{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}

.brand-logo{
    width:58px;
    height:58px;
    object-fit:contain;
    flex:none;
}

.brand-text{
    display:flex;
    flex-direction:column;
    line-height:1.05;
}

.brand-name{
    font-size:22px;
    font-weight:900;
    letter-spacing:-.5px;
    color:var(--navy);
}

.brand-name span{
    color:#e67d24;
}

.brand-tagline{
    margin-top:5px;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.7px;
    color:#77839a;
}

.nav-links{
    display:flex;
    align-items:center;
    gap:24px;
    font-size:14px;
    font-weight:700;
    color:#516078;
}

.nav-links a:hover{
    color:var(--blue);
}

.nav-actions{
    display:flex;
    align-items:center;
    gap:10px;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:0;
    cursor:pointer;
    border-radius:10px;
    padding:12px 19px;
    font-size:14px;
    font-weight:800;
    transition:.2s ease;
}

.btn-outline{
    color:var(--navy);
    background:#fff;
    border:1px solid #d9e0eb;
}

.btn-outline:hover{
    border-color:var(--blue);
    color:var(--blue);
}

.btn-primary{
    color:#fff;
    background:linear-gradient(135deg,var(--blue),var(--blue-2));
    box-shadow:0 10px 24px rgba(23,105,209,.24);
}

.btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(23,105,209,.30);
}

.btn-gold{
    color:#2d2107;
    background:linear-gradient(135deg,var(--gold-light),var(--gold));
    box-shadow:0 10px 24px rgba(217,166,46,.22);
}

.btn-gold:hover{
    transform:translateY(-2px);
}

/* HERO */
.hero{
    position:relative;
    overflow:hidden;
    padding:72px 0 58px;
    background:
        radial-gradient(circle at 82% 22%,rgba(43,140,255,.23),transparent 28%),
        radial-gradient(circle at 8% 85%,rgba(217,166,46,.14),transparent 25%),
        linear-gradient(135deg,#06172f 0%,#0a2852 56%,#0c3970 100%);
}

.hero:before{
    content:"";
    position:absolute;
    inset:auto -10% -180px auto;
    width:560px;
    height:360px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
    transform:rotate(-12deg);
}

.hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    align-items:center;
    gap:56px;
}

.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 12px;
    border:1px solid rgba(245,215,122,.28);
    background:rgba(255,255,255,.07);
    color:#f5d77a;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.1px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.eyebrow-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#54d889;
    box-shadow:0 0 0 5px rgba(84,216,137,.12);
}

.hero h1{
    color:#fff;
    font-size:clamp(42px,6vw,70px);
    line-height:.98;
    letter-spacing:-2.5px;
    margin-bottom:18px;
}

.hero h1 span{
    color:#f0b83b;
}

.hero-subtitle{
    color:#e1eaf7;
    font-size:21px;
    font-weight:700;
    margin-bottom:12px;
}

.hero-copy{
    max-width:650px;
    color:#aebed5;
    font-size:16px;
    line-height:1.75;
    margin-bottom:28px;
}

.hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.hero-note{
    margin-top:16px;
    color:#8fa4c1;
    font-size:12px;
}

.hero-card{
    display:flex;
    justify-content:center;
    align-items:center;
}

.logo-panel{
    width:min(390px,100%);
    padding:25px;
    background:rgba(255,255,255,.97);
    border:1px solid rgba(255,255,255,.5);
    border-radius:26px;
    box-shadow:var(--shadow);
    text-align:center;
}

.logo-panel img{
    width:100%;
    max-width:320px;
    height:auto;
    display:block;
    margin:auto;
}

.logo-panel-line{
    height:1px;
    background:linear-gradient(90deg,transparent,#e1e7f0,transparent);
    margin:14px 0;
}

.logo-panel p{
    color:#68778e;
    font-size:12px;
    font-weight:700;
}

/* TRUST STRIP */
.trust-strip{
    background:#fff;
    border-bottom:1px solid var(--border);
}

.trust-grid{
    min-height:92px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    align-items:center;
}

.trust-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    padding:15px;
    border-right:1px solid var(--border);
    color:#40516b;
    font-size:13px;
    font-weight:800;
}

.trust-item:last-child{
    border-right:0;
}

.trust-icon{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#edf5ff;
    color:var(--blue);
    font-size:17px;
}

/* FEATURES */
.section{
    padding:70px 0;
}

.section-heading{
    text-align:center;
    max-width:720px;
    margin:0 auto 38px;
}

.section-kicker{
    color:var(--blue);
    font-size:12px;
    font-weight:900;
    letter-spacing:1.4px;
    text-transform:uppercase;
    margin-bottom:8px;
}

.section-heading h2{
    font-size:34px;
    line-height:1.15;
    letter-spacing:-1px;
    color:var(--navy);
    margin-bottom:10px;
}

.section-heading p{
    color:var(--muted);
    font-size:15px;
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.feature-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:18px;
    padding:26px;
    box-shadow:0 10px 30px rgba(18,39,70,.05);
    transition:.2s ease;
}

.feature-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 38px rgba(18,39,70,.10);
}

.feature-icon{
    width:50px;
    height:50px;
    border-radius:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#edf5ff;
    color:var(--blue);
    font-size:22px;
    margin-bottom:18px;
}

.feature-card:nth-child(2) .feature-icon{
    background:#fff7df;
    color:#b8830e;
}

.feature-card:nth-child(3) .feature-icon{
    background:#eaf9f0;
    color:#16834a;
}

.feature-card h3{
    font-size:18px;
    margin-bottom:8px;
    color:var(--navy);
}

.feature-card p{
    color:var(--muted);
    font-size:14px;
    line-height:1.65;
}

/* CTA */
.cta{
    padding:0 0 72px;
}

.cta-box{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#0a2248,#123d73);
    border-radius:22px;
    padding:38px 42px;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}

.cta-box:after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
    right:-100px;
    top:-130px;
}

.cta-copy{
    position:relative;
    z-index:2;
}

.cta-copy h2{
    font-size:28px;
    margin-bottom:7px;
}

.cta-copy p{
    color:#b9c8dd;
    font-size:14px;
}

/* FOOTER */
.footer{
    background:#06162f;
    color:#9db0ca;
    padding:28px 0;
}

.footer-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.footer-brand{
    color:#fff;
    font-size:17px;
    font-weight:900;
}

.footer-brand span{
    color:#e6a13b;
}

.footer p{
    font-size:12px;
}

.footer-links{
    display:flex;
    gap:18px;
    font-size:12px;
}

.footer-links a:hover{
    color:#fff;
}

/* MOBILE */
@media(max-width:900px){
    .nav-links{
        display:none;
    }

    .hero-grid{
        grid-template-columns:1fr;
        gap:35px;
    }

    .hero{
        padding:55px 0 48px;
    }

    .hero-copy{
        max-width:none;
    }

    .hero-card{
        order:2;
    }

    .trust-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .trust-item:nth-child(2){
        border-right:0;
    }

    .trust-item:nth-child(-n+2){
        border-bottom:1px solid var(--border);
    }

    .feature-grid{
        grid-template-columns:1fr;
    }

    .cta-box{
        flex-direction:column;
        align-items:flex-start;
        padding:30px;
    }
}

@media(max-width:560px){
    .nav{
        min-height:70px;
    }

    .brand-logo{
        width:46px;
        height:46px;
    }

    .brand-name{
        font-size:18px;
    }

    .brand-tagline{
        font-size:7px;
        letter-spacing:1.2px;
    }

    .nav-actions .btn-outline{
        display:none;
    }

    .hero h1{
        font-size:43px;
        letter-spacing:-1.5px;
    }

    .hero-subtitle{
        font-size:17px;
    }

    .hero-copy{
        font-size:14px;
    }

    .hero-actions{
        flex-direction:column;
    }

    .hero-actions .btn{
        width:100%;
    }

    .logo-panel{
        padding:18px;
    }

    .trust-grid{
        grid-template-columns:1fr;
    }

    .trust-item,
    .trust-item:nth-child(2){
        border-right:0;
        border-bottom:1px solid var(--border);
    }

    .trust-item:last-child{
        border-bottom:0;
    }

    .section{
        padding:55px 0;
    }

    .section-heading h2{
        font-size:28px;
    }

    .footer-inner{
        flex-direction:column;
        text-align:center;
    }
}


/* MySarkariTest — Standard Exam SEO Design */
:root{--navy:#0b1f3a;--blue:#1457d9;--blue2:#0d47b5;--gold:#f4b400;--bg:#f5f8fc;--text:#172033;--muted:#5d6b82;--border:#e1e8f2;}
*{box-sizing:border-box}body{margin:0;background:var(--bg)!important;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.65}
.header{background:#fff!important;border-bottom:1px solid #e7edf5!important;box-shadow:0 2px 12px rgba(11,31,58,.05)!important;position:sticky;top:0;z-index:1000}
.header .container.nav{max-width:1180px!important;min-height:78px!important;margin:auto!important;padding:0 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
.brand{display:flex!important;align-items:center!important;gap:11px!important;text-decoration:none!important}.brand-logo{width:44px!important;height:44px!important;border-radius:9px!important;object-fit:cover!important}.brand-name{font-size:24px!important;font-weight:800!important;color:#172033!important;line-height:1.1}.brand-name span{color:#1457d9!important}.brand-tagline{font-size:10px!important;letter-spacing:1.3px!important;color:#7b8799!important;margin-top:4px!important}
.nav-links{display:flex!important;align-items:center!important;gap:22px!important}.nav-links a{color:#34425a!important;text-decoration:none!important;font-size:14px!important;font-weight:600!important}.nav-links a:hover{color:#1457d9!important}.nav-calendar-btn{color:#1457d9!important}
.nav-actions{display:flex!important;gap:9px!important}.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;padding:11px 17px!important;font-weight:700!important;text-decoration:none!important;border:1px solid transparent!important;transition:.2s ease!important}.btn-primary{background:#1457d9!important;color:#fff!important}.btn-outline{background:#fff!important;color:#1457d9!important;border-color:#cbd7e8!important}.btn-gold{background:#f4b400!important;color:#172033!important;border-color:#f4b400!important}.btn:hover{transform:translateY(-1px)}
main,.seo-wrap,.container{width:100%}.container{max-width:1180px!important;margin:0 auto!important;padding-left:20px!important;padding-right:20px!important}
/* One common hero treatment regardless of the legacy page class */
.seo-hero,.ahc-hero,.seo-wrap>.seo-hero,.rrb-hero,.seo-wrap .seo-hero,.hero,.ja-hero,.steno-hero,.chsl-hero,.cgl-hero,.dsssb-hero{background:linear-gradient(135deg,#0b1f3a 0%,#123b76 58%,#1457d9 100%)!important;color:#fff!important;border-radius:0!important;margin:0!important;padding:58px 0 52px!important;box-shadow:none!important}
.seo-hero h1,.ahc-hero h1,.rrb-hero h1,.hero h1,.ja-hero h1,.steno-hero h1,.chsl-hero h1,.cgl-hero h1,.dsssb-hero h1{font-size:clamp(32px,4vw,48px)!important;line-height:1.12!important;font-weight:800!important;letter-spacing:-.8px!important;color:#fff!important;margin:12px 0 16px!important}.seo-hero h1 span,.rrb-hero h1 span{color:#f4b400!important}
.seo-hero p,.ahc-hero p,.rrb-hero p,.hero p{max-width:760px!important;color:#dce8f7!important;font-size:17px!important;margin:0 0 22px!important}.seo-breadcrumb,.ahc-breadcrumb,.rrb-breadcrumb{font-size:13px!important;color:#c3d2e7!important;margin-bottom:18px!important}.seo-breadcrumb a,.ahc-breadcrumb a,.rrb-breadcrumb a{color:#fff!important;text-decoration:none!important}
.seo-cta,.ahc-actions,.hero-actions,.rrb-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-top:22px!important}.seo-cta .btn,.ahc-actions .btn,.hero-actions .btn,.rrb-actions .btn{padding:12px 20px!important}
/* Consistent content cards */
.seo-grid,.rrb-grid,.ahc-grid,.content-grid,.feature-grid,.cards,.info-grid{max-width:1180px!important;margin:28px auto!important;padding:0 20px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.seo-card,.rrb-card,.ahc-card,.info-card,.feature-card,.card{background:#fff!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:24px!important;box-shadow:0 8px 25px rgba(11,31,58,.06)!important}.seo-card h2,.seo-card h3,.rrb-card h2,.rrb-card h3,.ahc-card h2,.ahc-card h3,.info-card h2,.info-card h3{color:#172033!important;margin-top:0!important}.stat{color:#1457d9!important;font-weight:800!important;font-size:28px!important}
main section:not(.seo-hero):not(.ahc-hero):not(.rrb-hero):not(.hero){max-width:1180px;margin-left:auto!important;margin-right:auto!important}
main section:not(.seo-hero):not(.ahc-hero):not(.rrb-hero):not(.hero) .container{max-width:1180px!important}
h2{color:#172033!important;font-size:28px!important;margin:30px 0 14px!important}h3{color:#24334b!important;font-size:20px!important}p,li{color:#4f5e74}a{color:#1457d9}
.faq,.faq-section,.seo-faq,.content-section,.seo-section,.rrb-section,.ahc-section{max-width:900px!important;margin:34px auto!important;padding:0 20px!important}.faq-item,.faq-card{background:#fff!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:18px 20px!important;margin:10px 0!important}.faq-item h3,.faq-card h3{margin:0 0 7px!important}
.footer{background:#0b1f3a!important;color:#c9d5e6!important;margin-top:60px!important}.footer-inner{max-width:1180px!important;margin:auto!important;padding:34px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:25px!important;flex-wrap:wrap!important}.footer-brand{font-size:22px!important;font-weight:800!important;color:#fff!important}.footer-brand span{color:#f4b400!important}.footer p{color:#aebdd0!important;margin:4px 0!important}.footer-links{display:flex!important;gap:15px!important;flex-wrap:wrap!important}.footer-links a{color:#c9d5e6!important;text-decoration:none!important;font-size:13px!important}
@media(max-width:900px){.nav-links{display:none!important}.nav-actions{margin-left:auto}.seo-grid,.rrb-grid,.ahc-grid,.content-grid,.feature-grid,.cards,.info-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){.header .container.nav{min-height:68px!important}.brand-logo{width:38px!important;height:38px!important}.brand-name{font-size:20px!important}.brand-tagline{display:none!important}.nav-actions .btn{padding:9px 11px!important;font-size:13px!important}.seo-hero,.ahc-hero,.rrb-hero,.hero{padding:42px 0 38px!important}.seo-hero h1,.ahc-hero h1,.rrb-hero h1,.hero h1{font-size:32px!important}.seo-grid,.rrb-grid,.ahc-grid,.content-grid,.feature-grid,.cards,.info-grid{grid-template-columns:1fr!important;padding:0 15px!important}.container{padding-left:15px!important;padding-right:15px!important}.footer-inner{padding:28px 15px!important}}