/* =========================================================
   EXAM EDEN — PREMIUM LIGHT HOMEPAGE
   File: style.css
   ========================================================= */

:root{
    --navy:#142443;
    --navy2:#1d3155;
    --blue:#159ee8;
    --blue2:#4b73f2;
    --purple:#8a4de8;
    --cyan:#29bfe9;
    --text:#1d2d49;
    --muted:#6f7f98;
    --line:#e5edf6;
    --bg:#f8fbff;
    --white:#fff;
}

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

html{scroll-behavior:smooth}

body{
    font-family:"Hind Siliguri","Noto Sans Bengali",sans-serif;
    color:var(--text);
    background:#fff;
    overflow-x:hidden;
}

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

.container{
    width:min(1180px,calc(100% - 48px));
    margin:auto;
}

/* ================= HEADER ================= */

.site-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    background:rgba(255,255,255,.94);
    border-bottom:1px solid rgba(214,225,239,.72);
    box-shadow:0 4px 22px rgba(34,62,98,.055);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.nav-container{
    width:min(1240px,calc(100% - 48px));
    height:78px;
    margin:auto;
    display:flex;
    align-items:center;
}

.logo{
    font-family:Arial,sans-serif;
    font-size:29px;
    font-weight:800;
    letter-spacing:-1.2px;
    color:var(--navy);
    white-space:nowrap;
}
.logo span{color:#159ee8}

.desktop-nav{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:4px;
}

.desktop-nav>a{
    padding:10px 13px;
    border-radius:9px;
    color:#42516a;
    font-size:14px;
    font-weight:600;
    transition:.22s ease;
}
.desktop-nav>a:hover{
    color:#159ee8;
    background:#f2f7fc;
}

.login-link{
    margin-left:8px;
    border:1px solid #d5e1ef;
    background:#fff;
}
.register-link{
    color:#fff!important;
    margin-left:5px;
    padding:11px 19px!important;
    background:linear-gradient(100deg,#139fe9,#8050e8);
    box-shadow:0 7px 18px rgba(72,106,219,.16);
}
.register-link:hover{
    color:#fff!important;
    transform:translateY(-1px);
}

.mobile-menu-btn{
    display:none;
    margin-left:auto;
    width:44px;
    height:44px;
    border:1px solid #dce6f1;
    border-radius:12px;
    background:#fff;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
}
.mobile-menu-btn span{
    width:19px;
    height:2px;
    border-radius:3px;
    background:#2d405c;
    transition:.25s;
}
.mobile-menu-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu-btn.active span:nth-child(2){opacity:0}
.mobile-menu-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-menu{display:none}

/* ================= HERO ================= */

.hero{
    position:relative;
    min-height:650px;
    padding:150px 0 80px;
    overflow:hidden;
    background:
        radial-gradient(circle at 82% 28%,rgba(118,171,255,.18),transparent 31%),
        radial-gradient(circle at 78% 80%,rgba(170,125,255,.13),transparent 30%),
        linear-gradient(135deg,#f9fcff 0%,#f2f8ff 52%,#faf8ff 100%);
}

.hero:before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.42;
    background-image:
        linear-gradient(rgba(78,139,198,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(78,139,198,.045) 1px,transparent 1px);
    background-size:56px 56px;
    pointer-events:none;
}

.hero-grid{
    width:min(1180px,calc(100% - 48px));
    margin:auto;
    position:relative;
    z-index:4;
}

.hero-content{
    max-width:820px;
    padding-top:28px;
}

.hero-badge{
    width:max-content;
    padding:8px 15px;
    border:1px solid #b9ddf7;
    border-radius:999px;
    color:#2589ca;
    background:rgba(255,255,255,.68);
    box-shadow:0 6px 18px rgba(50,111,168,.06);
    font-size:13px;
    font-weight:600;
}

.hero-badge span{
    display:inline-block;
    width:7px;
    height:7px;
    margin-right:7px;
    border-radius:50%;
    background:#22b4eb;
}

.hero h1{
    margin-top:24px;
    font-size:clamp(48px,6.2vw,76px);
    line-height:1.06;
    letter-spacing:-2.2px;
    color:#162846;
    font-weight:700;
}

.hero h1 strong{
    font-weight:700;
    background:linear-gradient(95deg,#0d9fe8,#4a70ef 52%,#8c48df);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.hero p{
    max-width:720px;
    margin-top:27px;
    color:#657792;
    font-size:17px;
    line-height:1.9;
}

.hero-trust{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

.hero-trust div{
    padding:9px 13px;
    border:1px solid #e1ebf5;
    border-radius:10px;
    background:rgba(255,255,255,.66);
    color:#5b6d87;
    font-size:12px;
    font-weight:600;
}

.hero-trust i{
    color:#21a8e5;
    margin-right:5px;
}

/* Background symbols: খুব হালকা, text-এর পেছনে */

.hero-symbols{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:2;
}

.symbol{
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    width:56px;
    height:56px;
    border:1px solid rgba(95,156,215,.13);
    border-radius:16px;
    background:rgba(255,255,255,.34);
    color:rgba(50,137,205,.14);
    font-size:23px;
    transform:rotate(-8deg);
}

.s1{left:8%;top:24%}
.s2{left:38%;top:14%;transform:rotate(8deg)}
.s3{left:53%;top:38%;transform:rotate(-7deg)}
.s4{right:19%;top:23%;transform:rotate(11deg)}
.s5{right:9%;top:58%;transform:rotate(-12deg)}
.s6{right:31%;bottom:11%;transform:rotate(7deg)}

.ring{
    position:absolute;
    border:1px solid rgba(77,145,214,.10);
    border-radius:50%;
}
.r1{width:290px;height:290px;right:7%;top:4%}
.r2{width:190px;height:190px;right:12%;top:13%}
.r3{width:410px;height:410px;right:-4%;top:-10%}

.dot{
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    opacity:.35;
}
.d1{right:26%;top:34%;background:#22a9e5}
.d2{right:15%;top:68%;background:#8a52e8}
.d3{left:47%;bottom:15%;background:#4d77ed}

/* ================= GENERAL SECTIONS ================= */

.section{
    padding:92px 0;
    background:#fff;
}

.category-section{
    padding:88px 0;
    background:#f8fbff;
    border-top:1px solid #eef3f8;
    border-bottom:1px solid #eef3f8;
}

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

.section-heading span{
    color:#2d9fd8;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.5px;
}

.section-heading h2{
    margin-top:8px;
    color:#172a47;
    font-size:clamp(28px,4vw,39px);
    line-height:1.3;
}

.section-heading p{
    margin-top:10px;
    color:#7a899e;
    font-size:14px;
}

/* ================= FEATURES ================= */

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

.feature-card{
    padding:27px 23px;
    border:1px solid #e3ebf4;
    border-radius:20px;
    background:linear-gradient(145deg,#fff,#fbfdff);
    box-shadow:0 10px 30px rgba(42,75,111,.055);
    transition:.25s ease;
}
.feature-card:hover{
    transform:translateY(-5px);
    border-color:#cfe0f1;
    box-shadow:0 16px 38px rgba(42,75,111,.09);
}

.feature-icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    font-size:19px;
    margin-bottom:19px;
}
.feature-icon.blue{color:#168fd2;background:#e9f7ff}
.feature-icon.purple{color:#8050db;background:#f2ebff}
.feature-icon.cyan{color:#169ebc;background:#e7fbff}
.feature-icon.indigo{color:#526fe0;background:#edf0ff}

.feature-card h3{
    font-size:19px;
    color:#20324d;
}
.feature-card p{
    margin-top:8px;
    color:#78879b;
    font-size:13px;
    line-height:1.75;
}

/* ================= CATEGORIES ================= */

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

.category-card{
    min-height:106px;
    display:grid;
    grid-template-columns:50px 1fr 25px;
    align-items:center;
    gap:13px;
    padding:17px 18px;
    border:1px solid #e1eaf4;
    border-radius:17px;
    background:#fff;
    box-shadow:0 8px 25px rgba(45,76,112,.045);
    transition:.23s ease;
}
.category-card>i:first-child{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    color:#168fd7;
    background:#edf8ff;
}
.category-card:hover{
    transform:translateY(-3px);
    border-color:#bcd9ef;
    box-shadow:0 13px 32px rgba(45,76,112,.08);
}
.category-card b{
    display:block;
    color:#223651;
    font-size:16px;
}
.category-card small{
    display:block;
    margin-top:3px;
    color:#8391a3;
    font-size:11px;
    line-height:1.5;
}
.category-card .arrow{
    color:#9db0c4;
    font-size:12px;
}

/* ================= PDF ================= */

.pdf-section{
    padding:28px 0;
    background:#fff;
}

.pdf-box{
    display:grid;
    grid-template-columns:62px 1fr auto;
    align-items:center;
    gap:18px;
    padding:23px 25px;
    border:1px solid #dfeaf4;
    border-radius:20px;
    background:linear-gradient(100deg,#f4fbff,#faf8ff);
}

.pdf-icon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    color:#e5485d;
    background:#fff;
    box-shadow:0 8px 20px rgba(43,77,113,.06);
    font-size:24px;
}
.pdf-content span{
    color:#2e9ed7;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.2px;
}
.pdf-content h2{
    margin-top:2px;
    color:#20324c;
    font-size:22px;
}
.pdf-content p{
    margin-top:2px;
    color:#7a899c;
    font-size:12px;
}
.pdf-btn{
    display:flex;
    align-items:center;
    gap:8px;
    padding:12px 17px;
    border-radius:11px;
    color:#fff;
    background:linear-gradient(100deg,#159ee8,#7550e4);
    font-size:12px;
    font-weight:700;
}

/* ================= PACKAGES ================= */

.packages{
    background:#f8fbff;
    border-top:1px solid #edf3f8;
}

.package-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    max-width:950px;
    margin:auto;
}

.package-card{
    position:relative;
    padding:31px 25px;
    text-align:center;
    border:1px solid #e1e9f3;
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 28px rgba(42,74,109,.05);
}
.package-card.featured{
    border-color:#b9d7f2;
    box-shadow:0 16px 38px rgba(61,103,155,.11);
}
.package-card small{
    color:#5d83a8;
    font-size:10px;
    font-weight:700;
    letter-spacing:1px;
}
.package-card h3{
    margin-top:8px;
    color:#21344f;
    font-size:22px;
}
.price{
    margin:11px 0;
    color:#208fd1;
    font-size:31px;
    font-weight:700;
}
.package-card p{
    color:#7c899a;
    font-size:12px;
}
.package-card>a{
    display:inline-flex;
    margin-top:18px;
    padding:10px 20px;
    border-radius:10px;
    color:#2777a9;
    background:#eef8ff;
    font-size:12px;
    font-weight:700;
}
.package-card.featured>a{
    color:#fff;
    background:linear-gradient(100deg,#159ee8,#7950e6);
}
.popular{
    position:absolute;
    top:-11px;
    left:50%;
    transform:translateX(-50%);
    padding:4px 12px;
    border-radius:999px;
    color:#fff;
    background:#5c78e8;
    font-size:10px;
    font-weight:700;
}

/* ================= FOOTER ================= */

footer{
    padding:48px 0 0;
    color:#dce6f2;
    background:#142541;
}

.footer-grid{
    display:grid;
    grid-template-columns:1.6fr 1fr 1fr;
    gap:50px;
    padding-bottom:35px;
}

.footer-brand .logo{
    color:#fff;
}
.footer-brand p{
    margin-top:9px;
    color:#9eafc3;
    font-size:12px;
}
.socials{
    display:flex;
    gap:8px;
    margin-top:17px;
}
.socials a{
    width:33px;
    height:33px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.11);
    border-radius:9px;
    color:#cbd8e8;
    background:rgba(255,255,255,.045);
    font-size:12px;
}

.footer-column{
    text-align:right;
}
.footer-column h4{
    margin-bottom:14px;
    color:#fff;
    font-size:14px;
}
.footer-column a{
    display:block;
    margin:8px 0;
    color:#9eafc3;
    font-size:12px;
    transition:.2s;
}
.footer-column a:hover{
    color:#fff;
    transform:translateX(-2px);
}

.footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:18px 0;
    border-top:1px solid rgba(255,255,255,.09);
}
.footer-bottom p,
.footer-bottom a{
    color:#8fa1b7;
    font-size:10px;
}
.footer-bottom div{
    display:flex;
    gap:18px;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1000px){
    .desktop-nav>a{padding:9px 8px;font-size:12px}
    .feature-grid{grid-template-columns:repeat(2,1fr)}
    .category-grid{grid-template-columns:repeat(2,1fr)}
    .package-grid{grid-template-columns:1fr;max-width:480px}
}

@media(max-width:760px){

    .container,
    .nav-container,
    .hero-grid{
        width:min(100% - 30px,600px);
    }

    .nav-container{height:70px}
    .logo{font-size:25px}

    .desktop-nav{display:none}
    .mobile-menu-btn{display:flex}

    .mobile-menu{
        display:block;
        position:absolute;
        top:70px;
        left:0;
        right:0;
        max-height:0;
        overflow:hidden;
        background:rgba(255,255,255,.985);
        border-bottom:1px solid transparent;
        box-shadow:0 15px 35px rgba(35,66,103,.08);
        transition:max-height .35s ease,border-color .35s ease;
    }
    .mobile-menu.active{
        max-height:500px;
        border-bottom-color:#e1e9f2;
    }
    .mobile-menu-inner{
        width:calc(100% - 30px);
        margin:auto;
        padding:8px 0 16px;
    }
    .mobile-menu-inner>a{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:13px 3px;
        border-bottom:1px solid #edf2f7;
        color:#34455f;
        font-size:14px;
        font-weight:600;
    }
    .mobile-menu-inner>a i{color:#9aaabd;font-size:11px}

    .mobile-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:9px;
        margin-top:13px;
    }
    .mobile-login,
    .mobile-register{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:7px;
        padding:11px;
        border-radius:11px;
        font-size:12px;
        font-weight:700;
    }
    .mobile-login{
        color:#40526c;
        border:1px solid #dce6f0;
        background:#fff;
    }
    .mobile-register{
        color:#fff;
        background:linear-gradient(100deg,#159ee8,#7950e6);
    }

    .hero{
        min-height:620px;
        padding:115px 0 65px;
    }
    .hero-content{
        padding-top:10px;
        text-align:center;
        margin:auto;
    }
    .hero-badge{margin:auto}
    .hero h1{
        font-size:clamp(38px,10vw,55px);
        line-height:1.12;
        letter-spacing:-1px;
    }
    .hero p{
        font-size:14px;
        line-height:1.8;
        margin-top:21px;
    }
    .hero-trust{
        justify-content:center;
        gap:7px;
    }
    .hero-trust div{
        padding:7px 9px;
        font-size:10px;
    }

    .symbol{width:43px;height:43px;font-size:17px;opacity:.7}
    .s1{left:2%;top:20%}
    .s2{left:13%;top:73%}
    .s3{left:79%;top:25%}
    .s4{right:4%;top:53%}
    .s5{right:18%;bottom:8%}
    .s6{right:38%;bottom:20%}
    .r1{width:200px;height:200px;right:-10%;top:4%}
    .r2{width:135px;height:135px;right:3%;top:14%}
    .r3{width:270px;height:270px;right:-12%;top:-6%}

    .section,.category-section{padding:65px 0}
    .section-heading{margin-bottom:30px}
    .section-heading h2{font-size:27px}
    .section-heading p{font-size:12px}

    .feature-grid{grid-template-columns:1fr 1fr;gap:10px}
    .feature-card{padding:20px 15px;border-radius:15px}
    .feature-icon{width:42px;height:42px;margin-bottom:13px}
    .feature-card h3{font-size:16px}
    .feature-card p{font-size:11px}

    .category-grid{grid-template-columns:1fr;gap:10px}
    .category-card{min-height:92px;padding:13px 14px}
    .category-card b{font-size:14px}
    .category-card small{font-size:10px}

    .pdf-box{
        grid-template-columns:48px 1fr;
        gap:12px;
        padding:17px;
    }
    .pdf-icon{width:48px;height:48px;font-size:20px}
    .pdf-content h2{font-size:18px}
    .pdf-content p{font-size:10px}
    .pdf-btn{
        grid-column:1/-1;
        justify-content:center;
        width:100%;
    }

    .package-grid{gap:12px}
    .package-card{padding:25px 20px}

    footer{padding-top:38px}
    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:30px 20px;
        padding-bottom:27px;
    }
    .footer-brand{grid-column:1/-1;text-align:center}
    .footer-brand .logo{font-size:25px}
    .socials{justify-content:center}
    .footer-column{text-align:right}
    .footer-column h4{font-size:13px}
    .footer-column a{font-size:11px;margin:7px 0}

    .footer-bottom{
        flex-direction:column;
        text-align:center;
        gap:8px;
    }
    .footer-bottom div{gap:12px}
}

@media(max-width:380px){
    .feature-grid{grid-template-columns:1fr}
    .hero h1{font-size:35px}
    .hero-trust div{font-size:9px}
}


/* =========================================================
   EXAM EDEN V3 — PREMIUM POLISH
   ========================================================= */

/* Thin, quiet top accent */
.nav-topline{
    height:27px;
    background:#f7faff;
    border-bottom:1px solid #edf2f7;
}
.nav-topline-inner{
    width:min(1240px,calc(100% - 48px));
    height:100%;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#8190a3;
    font-size:10px;
    letter-spacing:.1px;
}
.nav-topline i{color:#23a6df;margin-right:5px}

/* More refined desktop navigation */
.site-header{
    box-shadow:0 4px 24px rgba(24,48,80,.045);
}
.nav-container{height:74px}
.desktop-nav>a{
    position:relative;
    padding:9px 12px;
}
.desktop-nav>a:not(.login-link):not(.register-link):after{
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    bottom:3px;
    height:2px;
    border-radius:4px;
    background:linear-gradient(90deg,#159ee8,#8050e8);
    transform:scaleX(0);
    transform-origin:center;
    transition:.22s ease;
}
.desktop-nav>a:hover:after{transform:scaleX(1)}

/* Hero: less visual noise, stronger depth */
.hero{
    min-height:665px;
    padding-top:157px;
}
.hero:after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    right:-120px;
    bottom:-260px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(128,81,229,.12),transparent 68%);
    pointer-events:none;
}
.hero-content{max-width:850px}
.hero h1{
    text-shadow:0 3px 18px rgba(36,69,110,.035);
}
.hero-trust div{
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}

/* Premium cards */
.feature-card,
.category-card,
.package-card{
    position:relative;
    overflow:hidden;
}
.feature-card:before,
.category-card:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:2px;
    background:linear-gradient(90deg,#159ee8,#8350e7);
    transform:scaleX(0);
    transform-origin:left;
    transition:.28s ease;
}
.feature-card:hover:before,
.category-card:hover:before{transform:scaleX(1)}

.category-card{
    grid-template-columns:50px 1fr 30px;
}
.category-card .arrow{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f3f7fb;
    transition:.2s;
}
.category-card:hover .arrow{
    color:#fff;
    background:#4e79e8;
}

/* ================= PREMIUM FOOTER ================= */

.premium-footer{
    position:relative;
    overflow:hidden;
    padding:0;
    background:
        radial-gradient(circle at 10% 0%,rgba(31,155,222,.08),transparent 30%),
        radial-gradient(circle at 90% 100%,rgba(123,76,225,.10),transparent 32%),
        #13233d;
}
.footer-glow{
    position:absolute;
    width:420px;
    height:420px;
    right:-210px;
    top:-220px;
    border:1px solid rgba(255,255,255,.035);
    border-radius:50%;
    pointer-events:none;
}
.footer-wrap{
    position:relative;
    z-index:2;
}
.footer-main{
    display:grid;
    grid-template-columns:1.7fr 1fr 1fr;
    gap:80px;
    padding:58px 0 43px;
}
.footer-about{
    max-width:390px;
}
.footer-logo{
    display:inline-block;
    color:#fff;
    font-family:Arial,sans-serif;
    font-size:28px;
    font-weight:800;
    letter-spacing:-1.2px;
}
.footer-logo span{color:#21a9e8}
.footer-about>p{
    max-width:350px;
    margin-top:12px;
    color:#96a9bf;
    font-size:12px;
    line-height:1.9;
}
.footer-contact{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    margin-top:17px;
}
.footer-contact a{
    color:#b1bfd0;
    font-size:11px;
    transition:.2s;
}
.footer-contact a:hover{color:#fff}
.footer-contact i{
    width:18px;
    color:#37a9df;
    margin-right:5px;
    text-align:center;
}
.socials{
    margin-top:18px;
}
.socials a{
    transition:.2s;
}
.socials a:hover{
    color:#fff;
    background:rgba(44,169,228,.16);
    border-color:rgba(44,169,228,.28);
    transform:translateY(-2px);
}

.footer-column{
    text-align:left;
}
.footer-heading{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:17px;
}
.footer-heading span{
    width:20px;
    height:2px;
    border-radius:4px;
    background:linear-gradient(90deg,#1ca8e8,#8051e4);
}
.footer-heading h4{
    margin:0;
    color:#fff;
    font-size:14px;
    font-weight:700;
}
.footer-column a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    max-width:190px;
    margin:0 0 11px;
    padding-bottom:7px;
    border-bottom:1px solid rgba(255,255,255,.055);
    color:#9caec2;
    font-size:11px;
}
.footer-column a i{
    opacity:0;
    font-size:8px;
    transform:translateX(-4px);
    transition:.2s;
}
.footer-column a:hover{
    color:#fff;
    transform:none;
}
.footer-column a:hover i{
    opacity:1;
    transform:translateX(0);
}
.footer-line{
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);
}
.footer-bottom{
    min-height:62px;
    padding:17px 0;
    border:0;
}
.footer-bottom p,
.footer-bottom a{
    font-size:10px;
    color:#8195ad;
}
.footer-bottom strong{color:#a9bbcf}
.legal-links{
    display:flex;
    align-items:center;
    gap:12px;
}
.legal-links span{
    width:3px;
    height:3px;
    border-radius:50%;
    background:#536b86;
}

/* Mobile footer alignment */
@media(max-width:760px){
    .nav-topline{display:none}
    .site-header{top:0}
    .nav-container{height:70px}

    .hero{
        min-height:620px;
        padding-top:116px;
    }

    .footer-main{
        grid-template-columns:1fr 1fr;
        gap:34px 25px;
        padding:43px 0 30px;
    }
    .footer-about{
        grid-column:1/-1;
        max-width:none;
        text-align:center;
    }
    .footer-about>p{
        max-width:500px;
        margin:10px auto 0;
    }
    .footer-contact{
        align-items:center;
    }
    .socials{
        justify-content:center;
    }
    .footer-column{
        text-align:left;
    }
    .footer-column a{
        max-width:none;
    }
    .footer-bottom{
        flex-direction:column;
        justify-content:center;
        gap:8px;
        text-align:center;
    }
}

@media(max-width:420px){
    .container,
    .nav-container,
    .hero-grid{
        width:calc(100% - 28px);
    }
    .footer-main{
        gap:28px 16px;
    }
    .footer-column a{
        font-size:10px;
    }
}


/* =========================================================
   V4 — FEATURE ICON CORNERS + LARGER SUBTITLES
   ========================================================= */

.feature-card{
    padding:28px 26px 24px;
    min-height:205px;
}

.feature-card .feature-icon{
    position:absolute;
    top:18px;
    right:18px;
    width:48px;
    height:48px;
    margin:0;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 24px rgba(31,92,150,.10);
    border:1px solid rgba(255,255,255,.8);
}

.feature-card h3{
    padding-right:64px;
    margin-top:4px;
    font-size:18px;
    line-height:1.45;
}

.feature-card p{
    max-width:92%;
    margin-top:8px;
    font-size:13.5px;
    line-height:1.85;
    color:#718198;
}

.feature-card .feature-link{
    margin-top:14px;
    font-size:12.5px;
    font-weight:700;
}

.feature-card .feature-link i{
    margin-left:5px;
    transition:transform .2s ease;
}
.feature-card:hover .feature-link i{
    transform:translateX(4px);
}

/* Make common section subtitles easier to read */
.section-subtitle,
.section-heading p,
.section-desc,
.category-card p,
.package-card p{
    font-size:13.5px;
    line-height:1.85;
}

.section-subtitle{
    color:#708198;
}

.category-card{
    min-height:88px;
}

.category-card h3{
    font-size:14px;
}

.category-card p{
    font-size:12.5px;
}

@media(max-width:760px){
    .feature-card{
        min-height:190px;
        padding:23px 21px 20px;
    }
    .feature-card .feature-icon{
        top:14px;
        right:14px;
        width:43px;
        height:43px;
        border-radius:13px;
    }
    .feature-card h3{
        padding-right:54px;
        font-size:16px;
    }
    .feature-card p{
        font-size:13px;
        line-height:1.8;
        max-width:100%;
    }
    .section-subtitle,
    .section-heading p,
    .section-desc{
        font-size:13px;
    }
}


/* =========================================================
   EXAM EDEN V5 — PREMIUM UNIQUE VISUAL SYSTEM
   ========================================================= */

/* New signature palette:
   Midnight Navy + Electric Blue + Violet + Teal + Soft Amber
*/
:root{
    --ee-navy:#102a56;
    --ee-blue:#168fe8;
    --ee-violet:#7652e8;
    --ee-teal:#10a99a;
    --ee-amber:#f0a43c;
    --ee-ink:#152d52;
    --ee-muted:#687b96;
    --ee-line:#e6eef8;
}

/* Cleaner header after removing the old strip */
.site-header{
    top:0;
    border-bottom:1px solid rgba(30,75,125,.08);
    box-shadow:0 7px 30px rgba(24,57,100,.055);
}

/* Hero */
.hero{
    background:
        radial-gradient(circle at 12% 35%,rgba(22,143,232,.08),transparent 27%),
        radial-gradient(circle at 82% 30%,rgba(118,82,232,.11),transparent 30%),
        radial-gradient(circle at 70% 88%,rgba(16,169,154,.07),transparent 25%),
        linear-gradient(135deg,#f8fbff 0%,#f1f7ff 48%,#faf8ff 100%);
}
.hero h1{
    font-size:clamp(46px,5.2vw,78px);
    line-height:1.12;
    letter-spacing:-1.4px;
}
.hero h1 strong{
    background:linear-gradient(95deg,#118fdf 4%,#356fe9 46%,#7a4fe6 78%,#b24fe1 100%);
    -webkit-background-clip:text;
    background-clip:text;
}
.hero p{
    font-size:16px;
    line-height:1.95;
    color:#637895;
}

/* Section headings */
.section-heading span{
    color:#4d70d7;
    font-weight:700;
    letter-spacing:1.2px;
    font-size:11px;
}
.section-heading h2{
    font-size:clamp(28px,3vw,38px);
    color:var(--ee-ink);
    letter-spacing:-.4px;
}
.section-heading p{
    font-size:15px !important;
    color:#71839c;
    margin-top:8px;
}

/* =========================================================
   FEATURE CARDS
   ========================================================= */
.feature-grid{
    gap:22px;
}

.feature-card{
    min-height:235px;
    padding:30px 28px 25px;
    border:1px solid rgba(123,151,190,.18);
    border-radius:24px;
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,251,255,.92));
    box-shadow:
        0 12px 35px rgba(35,76,125,.075),
        inset 0 1px 0 rgba(255,255,255,.95);
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}

.feature-card:nth-child(1){
    background:linear-gradient(145deg,#ffffff 0%,#f3faff 100%);
    border-color:rgba(22,143,232,.18);
}
.feature-card:nth-child(2){
    background:linear-gradient(145deg,#ffffff 0%,#f8f4ff 100%);
    border-color:rgba(118,82,232,.18);
}
.feature-card:nth-child(3){
    background:linear-gradient(145deg,#ffffff 0%,#f1fffc 100%);
    border-color:rgba(16,169,154,.18);
}
.feature-card:nth-child(4){
    background:linear-gradient(145deg,#ffffff 0%,#fff9ef 100%);
    border-color:rgba(240,164,60,.2);
}

.feature-card:hover{
    transform:translateY(-7px);
    box-shadow:
        0 22px 48px rgba(34,72,120,.13),
        0 5px 15px rgba(34,72,120,.06);
}

.feature-card:after{
    content:"";
    position:absolute;
    right:-45px;
    bottom:-55px;
    width:145px;
    height:145px;
    border-radius:50%;
    background:rgba(22,143,232,.055);
    pointer-events:none;
}

.feature-card:nth-child(2):after{background:rgba(118,82,232,.06)}
.feature-card:nth-child(3):after{background:rgba(16,169,154,.06)}
.feature-card:nth-child(4):after{background:rgba(240,164,60,.075)}

.feature-card .feature-icon{
    top:19px;
    right:19px;
    width:55px;
    height:55px;
    border-radius:17px;
    font-size:20px;
    border:1px solid rgba(255,255,255,.95);
    box-shadow:0 10px 24px rgba(31,73,122,.13);
    z-index:2;
}

.feature-icon.blue{
    color:#fff;
    background:linear-gradient(135deg,#149eea,#4d72ee);
}
.feature-icon.purple{
    color:#fff;
    background:linear-gradient(135deg,#7650e8,#a54ee7);
}
.feature-icon.cyan{
    color:#fff;
    background:linear-gradient(135deg,#0fae9e,#36c3ad);
}
.feature-icon.indigo{
    color:#fff;
    background:linear-gradient(135deg,#e89a36,#f3bb4e);
}

.feature-card h3{
    position:relative;
    z-index:2;
    padding-right:70px;
    margin-top:8px;
    font-size:21px;
    line-height:1.4;
    color:#18365f;
    letter-spacing:-.2px;
}

.feature-card p{
    position:relative;
    z-index:2;
    max-width:95%;
    margin-top:10px;
    font-size:15px;
    line-height:1.9;
    color:#687d98;
}

/* =========================================================
   EXAM CATEGORY BOXES
   ========================================================= */
.category-section{
    background:
        radial-gradient(circle at 5% 50%,rgba(22,143,232,.055),transparent 22%),
        radial-gradient(circle at 95% 40%,rgba(118,82,232,.06),transparent 22%);
}

.category-grid{
    gap:16px;
}

.category-card{
    min-height:105px;
    padding:18px 17px;
    border-radius:20px;
    border:1px solid rgba(119,147,186,.17);
    background:rgba(255,255,255,.88);
    box-shadow:0 10px 28px rgba(35,76,125,.065);
    backdrop-filter:blur(8px);
    transition:.25s ease;
}
.category-card:hover{
    transform:translateY(-4px);
    border-color:rgba(70,116,220,.28);
    box-shadow:0 17px 34px rgba(35,76,125,.11);
}
.category-card>i:first-child{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    color:#fff;
    background:linear-gradient(135deg,#168fe8,#7652e8);
    box-shadow:0 8px 20px rgba(52,108,219,.18);
}
.category-card b{
    font-size:15px;
    color:#18365f;
}
.category-card small{
    display:block;
    margin-top:4px;
    font-size:12.5px;
    line-height:1.6;
    color:#7587a0;
}

/* =========================================================
   PACKAGES
   ========================================================= */
.package-card{
    border-radius:24px;
    border:1px solid rgba(120,148,187,.17);
    box-shadow:0 15px 38px rgba(34,72,120,.075);
}
.package-card h3{
    font-size:23px;
}
.package-card p,
.package-card small{
    font-size:14px;
    line-height:1.8;
}
.package-card.featured{
    background:linear-gradient(145deg,#102a56,#1b4a85 55%,#6650d9);
    box-shadow:0 20px 45px rgba(45,70,145,.2);
}

/* Free PDF CTA */
.pdf-section,
.free-pdf{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 15px 36px rgba(28,68,110,.1);
}

/* Footer gets a slightly more distinctive jewel-toned finish */
.premium-footer{
    background:
        radial-gradient(circle at 8% 0%,rgba(22,143,232,.14),transparent 28%),
        radial-gradient(circle at 92% 90%,rgba(118,82,232,.18),transparent 30%),
        linear-gradient(135deg,#0d2449 0%,#102d58 58%,#17224e 100%);
}
.footer-heading span{
    background:linear-gradient(90deg,#1aa5ea,#7752e8);
}
.footer-column a:hover{
    color:#e9f6ff;
}

/* Mobile */
@media(max-width:760px){
    .hero h1{
        font-size:clamp(37px,10vw,52px);
        letter-spacing:-.8px;
    }
    .hero p{
        font-size:14px;
        line-height:1.85;
    }
    .section-heading h2{
        font-size:27px;
    }
    .section-heading p{
        font-size:14px !important;
    }
    .feature-grid{
        gap:16px;
    }
    .feature-card{
        min-height:205px;
        padding:25px 21px 22px;
        border-radius:21px;
    }
    .feature-card .feature-icon{
        top:15px;
        right:15px;
        width:49px;
        height:49px;
        border-radius:15px;
    }
    .feature-card h3{
        padding-right:60px;
        font-size:19px;
    }
    .feature-card p{
        font-size:14px;
        line-height:1.82;
    }
    .category-card{
        min-height:92px;
        border-radius:18px;
    }
    .category-card b{
        font-size:14px;
    }
    .category-card small{
        font-size:11.5px;
    }
}