:root { --primary-color:#09264d; --accent-color:#dfb35e; }
html { scroll-behavior:smooth; }
body { overflow-x:clip; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible { outline:3px solid #dfb35e; outline-offset:4px; }
.main-header { padding:18px 0; }
.main-header .header-wrapper { gap:26px; padding:0 30px; min-height:48px; }
.site-logo { flex-shrink:0; }
.site-logo a.yd-college-brand,.yd-college-brand { display:inline-flex; align-items:center; gap:11px; color:#fff; text-decoration:none; letter-spacing:-.6px; line-height:1.2; }
.yd-college-mark { display:block; flex:none; width:48px; height:44px; background:#fff url('../brand/yasdog-logo.png') -1px -19px / 144px auto no-repeat; border-radius:5px; }
.yd-college-name { font-size:24px; font-weight:800; white-space:nowrap; }
.yd-college-name strong { color:var(--accent-color); font-weight:800; }
.menu-links { gap:23px; }
.menu-links > li > a { font-size:12px; font-weight:700; letter-spacing:.25px; }
.has-dropdown:focus-within .dropdown-menu { opacity:1; visibility:visible; transform:translateY(0); }
.dropdown-menu { z-index:3; }
.hero-overlay { backdrop-filter:none; -webkit-backdrop-filter:none; background:linear-gradient(90deg,rgba(5,25,51,.89),rgba(5,25,51,.22)); }
.hero-content { padding-bottom:35px; }
.hero-content h1 { letter-spacing:-1.5px; }
.quick-levels-section { margin-bottom:38px; }
.level-show-card { border-bottom:3px solid #dce5ee; }
.portal-stream-section { padding:25px 0 48px; }
.section-header-pro { margin-bottom:30px; }
.main-portal-content > .site-container { padding-left:30px!important; padding-right:30px!important; }
.pro-footer { padding:40px 0 0; }
.footer-grid { gap:26px; grid-template-columns:1.05fr .8fr .8fr 1.2fr; padding-bottom:10px; }
.yd-college-footer-brand { margin-bottom:17px; }
.yd-college-footer-brand .yd-college-name { font-size:22px; }
.footer-brand-col p,.footer-contact-col p,.footer-links-col ul a { font-size:12px; line-height:1.8; color:#bdcada; }
.footer-contact-col a { color:#dce6f2; text-decoration:none; overflow-wrap:anywhere; }
.footer-contact-col a:hover { color:var(--accent-color); }
.footer-contact-col p strong { color:#fff; }
.footer-contact-col p { margin-bottom:12px; }
.footer-links-col h4,.footer-contact-col h4 { font-size:14px; margin-bottom:17px; }
.footer-copyright { margin-top:22px; padding:19px 0 72px; font-size:11px; }
.pro-social-icons:empty { display:none; }
.mobile-menu-toggle { background:none; border:1px solid #ffffff40; border-radius:5px; padding:10px; }
.yd-section-kicker { display:block; color:#b58b42; font-size:11px; letter-spacing:1.8px; font-weight:800; margin-bottom:11px; }
.yd-contact-hero { background:linear-gradient(120deg,#09264d,#173d6b); padding:45px 0; text-align:center; color:#fff; }
.yd-contact-hero .yd-section-kicker { color:#e9c785; }
.yd-contact-hero h1 { font-size:36px; letter-spacing:-1px; margin-bottom:12px; }
.yd-contact-hero p { font-size:14px; color:#d1deed; }
.yd-contact-section { padding-top:38px; padding-bottom:42px; }
.yd-contact-grid { display:grid; grid-template-columns:1fr 1.15fr; gap:26px; }
.yd-contact-card { background:#fff; padding:34px; border:1px solid #e4eaf1; border-radius:10px; }
.yd-contact-card h2 { color:#09264d; font-size:32px; letter-spacing:-.7px; margin-bottom:12px; }
.yd-contact-intro { color:#63738a; font-size:13px; line-height:1.8; margin-bottom:25px; }
.yd-contact-list > div { padding:17px 0; border-top:1px solid #e7edf4; }
.yd-contact-list dt { font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#76869b; font-weight:800; margin-bottom:7px; }
.yd-contact-list dd { font-size:13px; color:#193654; line-height:1.9; }
.yd-contact-list a { color:#123e70; font-size:15px; font-weight:700; text-decoration:none; overflow-wrap:anywhere; }
.yd-contact-cta { display:inline-flex; align-items:center; justify-content:space-between; gap:18px; margin-top:18px; font-size:12px; padding:13px 19px; box-shadow:none; }
.yd-campus-card { display:flex; flex-direction:column; overflow:hidden; border-radius:10px; background:#0a274b; min-width:0; }
.yd-campus-photo { min-height:310px; flex:1; background:linear-gradient(0deg,#09264d55,transparent),url('../uploads/herobg.jpg') center/cover; }
.yd-campus-caption { padding:27px 30px; color:#fff; }
.yd-campus-caption .yd-section-kicker { color:#e0bf84; font-size:10px; }
.yd-campus-caption h2 { font-size:26px; margin-bottom:9px; }
.yd-campus-caption p { font-size:12px; color:#c4d2e2; line-height:1.8; }
.yd-campus-map { flex:1; }
.yd-campus-map iframe { display:block; width:100%; height:100%; min-height:480px; border:0; }
@media (max-width:1199px) {
 .menu-links { gap:16px; }
 .menu-links > li > a { font-size:11px; }
 .yd-college-name { font-size:22px; }
 .footer-grid { grid-template-columns:1fr 1fr; gap:26px 40px; }
}
@media (max-width:992px) {
 .main-header { padding:14px 0!important; }
 .header-wrapper { flex-wrap:wrap; }
 .mobile-menu-toggle { margin-left:auto; }
 .mega-nav { max-height:calc(100dvh - 85px); overflow:auto; padding:20px; }
 .menu-links { align-items:stretch; gap:12px; }
 .menu-links > li > a { display:block; padding:9px; font-size:12px; }
 .dropdown-menu { margin:4px 0 0; width:100%; }
 .dropdown-menu a { padding:11px 17px; font-size:12px; }
 .yd-contact-grid { grid-template-columns:1fr 1fr; gap:20px; }
 .yd-contact-card { padding:25px; }
 .yd-campus-caption { padding:24px; }
}
@media (max-width:768px) {
 .site-container { padding-left:20px; padding-right:20px; }
 .main-header .header-wrapper { padding:0 20px; gap:10px; }
 .yd-college-name { font-size:22px; }
 .yd-college-mark { width:43px; height:39px; background-size:130px auto; background-position:-1px -17px; }
 .hero-showcase { min-height:560px; height:auto; padding:70px 0 90px; }
 .hero-content { padding-bottom:0; }
 .hero-content h1 { font-size:34px; letter-spacing:-.8px; }
 .hero-content p { font-size:14px; line-height:1.8; margin-bottom:25px; }
 .hero-subtitle { font-size:11px; letter-spacing:1.5px; }
 .hero-buttons { gap:11px; }
 .hero-buttons a { font-size:13px; padding:13px 17px; }
 .quick-levels-section { margin-top:-35px; margin-bottom:25px; }
 .levels-grid { gap:18px!important; }
 .level-media { height:220px; }
 .main-portal-content > .site-container { padding-left:20px!important; padding-right:20px!important; }
 .main-portal-content article,.main-portal-content aside { flex-basis:100%!important; min-width:0!important; }
 .main-portal-content img { max-width:100%; }
 .main-portal-content .portal-hero { padding:35px 0!important; }
 .main-portal-content .portal-hero h1 { font-size:29px!important; }
 .main-portal-content .portal-hero p { font-size:13px!important; }
 .section-header-pro h2 { font-size:26px; }
 .section-header-pro p { font-size:13px; }
 .stream-grid { gap:22px; }
 .footer-grid { gap:28px!important; }
 .pro-footer { padding-top:30px; }
 .footer-copyright { padding-bottom:90px; }
 .yd-contact-grid { grid-template-columns:1fr; }
 .yd-contact-section { padding-top:25px; padding-bottom:30px; }
 .yd-contact-card { padding:25px; }
 .yd-campus-photo { min-height:250px; }
 .yd-campus-caption { padding:25px; }
 .yd-contact-cta { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*::before,*::after { transition:none!important; animation:none!important; }
}

.portal-login-link{background:#e5ae30;color:#102842!important;padding:10px 13px!important;border-radius:7px;white-space:nowrap}.yd-program-section{margin-bottom:45px}.yd-program-lead{font-size:18px;line-height:1.8;max-width:950px;color:#43566a}.yd-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}.yd-program-grid article{padding:24px;background:#f4f7fb;border:1px solid #e3eaf0;border-radius:14px}.yd-program-grid h2{font-size:19px;margin:0 0 13px;color:#102842}.yd-program-grid p{font-size:14px;line-height:1.8;margin:0;color:#586b7c}.yd-program-section>.btn-pro-primary{display:inline-block}.main-portal-content input,.main-portal-content textarea,.main-portal-content select{box-sizing:border-box;max-width:100%}
@media(max-width:1250px) and (min-width:993px){.menu-links{gap:13px!important}.menu-links>li>a{font-size:11px!important}.yd-college-name{font-size:21px!important}.header-wrapper{gap:12px!important}}
@media(max-width:700px){.yd-program-grid{grid-template-columns:1fr;gap:12px}.yd-program-lead{font-size:16px}.yd-program-section{margin-bottom:30px}}
