*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#24333a;font-family:Inter,Arial,sans-serif;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:#0c675c;color:#fff;font-size:12px}.topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between}.top-links{display:flex;gap:20px;align-items:center}.top-links a{opacity:.9}.header{background:#fff;border-bottom:1px solid #e8eceb;position:sticky;top:0;z-index:20}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#0d7569;color:#fff;font:700 27px Georgia,serif;border:4px solid #d5eee9}.brand strong{display:block;font-family:"Playfair Display",serif;font-size:19px;color:#123f3a}.brand small{display:block;font-size:10px;color:#778582}.nav{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:600;color:#33443f}.nav>a,.dropdown>a{padding:31px 0;display:block}.nav .active{color:#0d7569}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:67px;left:-15px;min-width:190px;background:#fff;box-shadow:0 12px 30px #183e3b20;border-top:3px solid #0d7569}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:10px 15px;font-weight:500}.dropdown-menu a:hover{background:#f0f7f5;color:#0d7569}.menu-toggle{display:none;border:0;background:none;font-size:26px}
.hero{min-height:500px;background:linear-gradient(90deg,#073f39dd,#073f3938),url("https://arianauniversityafghanistan.com/pic/unibuilding.jpeg") center/cover;display:flex;align-items:center;color:#fff}.hero-content{padding:75px 0}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:#138275}.hero .eyebrow{color:#a8eee2}.hero h1{font:700 clamp(38px,5vw,62px)/1.08 "Playfair Display",Georgia,serif;margin:14px 0 18px;max-width:800px}.hero p{max-width:620px;font-size:16px;color:#e7f1ef}.hero-buttons{display:flex;gap:12px;margin-top:28px}.btn{padding:12px 23px;border-radius:3px;font-weight:700;font-size:13px}.btn.primary{background:#d8a63c;color:#182b29}.btn.light{border:1px solid #fff;color:#fff}.quick-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-48px;position:relative;z-index:2}.quick-card{background:#fff;box-shadow:0 10px 30px #183e3b18;padding:20px;display:flex;gap:14px;align-items:center;border-bottom:3px solid #0d7569}.quick-card>span{font-size:27px}.quick-card strong{display:block;font-size:14px}.quick-card small{display:block;color:#7a8884;font-size:11px}.section{padding:80px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h2{font:700 35px "Playfair Display",Georgia,serif;margin:5px 0 0;color:#163f3a}.view-all{font-size:12px;color:#0d7569;font-weight:700}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-card{border:1px solid #e5eae8;background:#fff}.news-image{height:190px;background-size:cover;background-position:center}
.image-one{background-image:url("https://arianauniversityafghanistan.com/pic/MD.jpg")}
.image-two{background-image:url(https://arianauniversityafghanistan.com/pic/BBA.jpg)}
.image-three{background-image:url("https://arianauniversityafghanistan.com/pic/LLB.jpg")}
.image-four{background-image:url("https://arianauniversityafghanistan.com/pic/Civil.jpg")}


.news-body{padding:20px}.date{font-size:10px;color:#0d7569;font-weight:800;letter-spacing:1px}.news-body h3{font:600 20px/1.25 "Playfair Display",serif;margin:8px 0}.news-body p{font-size:12px;color:#71807d;margin:0 0 14px}.news-body a{font-size:11px;color:#0d7569;font-weight:700}.notice-section{background:#f3f7f6;padding:70px 0}.notice-grid{display:grid;grid-template-columns:2fr 1fr;gap:45px}.compact{margin-bottom:18px}.notice-list{background:#fff;border:1px solid #e4eae8}.notice-list a{display:grid;grid-template-columns:60px 1fr 15px;gap:15px;align-items:center;padding:15px 18px;border-bottom:1px solid #edf1ef;font-size:13px}.notice-list a:last-child{border-bottom:0}.notice-date{text-align:center;font-size:9px;color:#0d7569;line-height:1.1}.notice-date b{font-size:18px}.side-panel{background:#0b6259;color:#fff;padding:32px}.side-panel h2{font:700 28px "Playfair Display",serif;margin:5px 0 20px}.side-panel .eyebrow{color:#9be6da}.side-panel a{display:block;border-bottom:1px solid #ffffff26;padding:10px 0;font-size:12px}.institute-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.institute{border:1px solid #e5eae8;padding:25px;transition:.2s}.institute:hover{transform:translateY(-3px);box-shadow:0 12px 25px #183e3b12;border-color:#acd8d2}.inst-icon{font-size:27px}.institute h3{font:600 19px "Playfair Display",serif;margin:10px 0 4px}.institute p{margin:0;color:#788783;font-size:12px}.stats{background:#0d7569;color:#fff;padding:45px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats strong{display:block;font:700 38px "Playfair Display",serif}.stats span{font-size:11px;opacity:.8}.footer{background:#103d39;color:#dce8e5;padding-top:55px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px;padding-bottom:45px}.footer-brand strong{color:#fff}.footer-brand small{color:#a9c0bb}.footer p{font-size:11px;color:#a9c0bb}.footer h4{color:#fff;margin:0 0 13px;font-size:13px}.footer-grid>div>a{display:block;font-size:11px;color:#a9c0bb;padding:4px 0}.copyright{border-top:1px solid #ffffff12;padding:16px 0;font-size:10px;color:#88a39e}@media(max-width:900px){.nav{display:none}.menu-toggle{display:block}.header-inner{height:70px}.quick-cards,.news-grid,.institute-grid{grid-template-columns:repeat(2,1fr)}.notice-grid,.footer-grid{grid-template-columns:1fr}.hero{min-height:460px}}@media(max-width:600px){.topbar-inner{justify-content:center}.topbar-inner>span{display:none}.top-links{gap:10px}.quick-cards,.news-grid,.institute-grid,.stats-grid{grid-template-columns:1fr}.quick-cards{margin-top:15px}.hero h1{font-size:40px}.section{padding:55px 0}.section-heading{align-items:start;gap:15px;flex-direction:column}.hero-content{padding:55px 0}.news-image{height:220px}}
.brand-mark {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-mark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.footer-logo {
    width: 55px;
    height: 55px;
    object-fit: contain;
}