:root{--mts-blue:#003b7a;--mts-yellow:#ffa500;--mts-light-blue:#0056b3;--mts-white:#fff;--mts-light-gray:#f8f9fa;--mts-gray:#6c757d;--mts-dark:#212529}body{font-family:'Arial','Helvetica Neue',sans-serif;line-height:1.6;color:var(--mts-dark);background-color:var(--mts-white);overflow-x:hidden}.site-header{background-color:var(--mts-white);box-shadow:0 2px 10px rgba(0,0,0,.1);padding:10px 0;position:relative;z-index:1000}.navbar-brand{display:flex;align-items:center}.logo{height:40px;margin-right:10px}.brand-text{font-weight:700;font-size:1.5rem;color:var(--mts-blue)}.nav-link{font-weight:600;color:var(--mts-dark)!important;padding:.5rem 1rem!important;transition:color .3s ease}.nav-link:hover{color:var(--mts-blue)!important}.login-btn{background-color:var(--mts-yellow);border-color:var(--mts-yellow);color:var(--mts-dark)!important;font-weight:600;padding:.5rem 1.5rem;transition:all .3s ease}.login-btn:hover{background-color:var(--mts-blue);border-color:var(--mts-blue);color:var(--mts-white)!important}.banner-area{background-color:var(--mts-blue);color:var(--mts-white);padding:4rem 0;position:relative;overflow:hidden}.banner-area::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(data:image/svg+xml,%3Csvg\ width=\'100\'\ height=\'100\'\ viewBox=\'0\ 0\ 100\ 100\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath\ d=\'M11\ 18c3.866\ 0\ 7-3.134\ 7-7s-3.134-7-7-7-7\ 3.134-7\ 7\ 3.134\ 7\ 7\ 7zm48\ 25c3.866\ 0\ 7-3.134\ 7-7s-3.134-7-7-7-7\ 3.134-7\ 7\ 3.134\ 7\ 7\ 7zm-43-7c1.657\ 0\ 3-1.343\ 3-3s-1.343-3-3-3-3\ 1.343-3\ 3\ 1.343\ 3\ 3\ 3zm63\ 31c1.657\ 0\ 3-1.343\ 3-3s-1.343-3-3-3-3\ 1.343-3\ 3\ 1.343\ 3\ 3\ 3zM34\ 90c1.657\ 0\ 3-1.343\ 3-3s-1.343-3-3-3-3\ 1.343-3\ 3\ 1.343\ 3\ 3\ 3zm56-76c1.657\ 0\ 3-1.343\ 3-3s-1.343-3-3-3-3\ 1.343-3\ 3\ 1.343\ 3\ 3\ 3zM12\ 86c2.21\ 0\ 4-1.79\ 4-4s-1.79-4-4-4-4\ 1.79-4\ 4\ 1.79\ 4\ 4\ 4zm28-65c2.21\ 0\ 4-1.79\ 4-4s-1.79-4-4-4-4\ 1.79-4\ 4\ 1.79\ 4\ 4\ 4zm23-11c2.76\ 0\ 5-2.24\ 5-5s-2.24-5-5-5-5\ 2.24-5\ 5\ 2.24\ 5\ 5\ 5zm-6\ 60c2.21\ 0\ 4-1.79\ 4-4s-1.79-4-4-4-4\ 1.79-4\ 4\ 1.79\ 4\ 4\ 4zm29\ 22c2.76\ 0\ 5-2.24\ 5-5s-2.24-5-5-5-5\ 2.24-5\ 5\ 2.24\ 5\ 5\ 5zM32\ 63c2.76\ 0\ 5-2.24\ 5-5s-2.24-5-5-5-5\ 2.24-5\ 5\ 2.24\ 5\ 5\ 5zm57-13c2.76\ 0\ 5-2.24\ 5-5s-2.24-5-5-5-5\ 2.24-5\ 5\ 2.24\ 5\ 5\ 5zm-9-21c1.105\ 0\ 2-.895\ 2-2s-.895-2-2-2-2\ .895-2\ 2\ .895\ 2\ 2\ 2zM60\ 91c1.105\ 0\ 2-.895\ 2-2s-.895-2-2-2-2\ .895-2\ 2\ .895\ 2\ 2\ 2zM35\ 41c1.105\ 0\ 2-.895\ 2-2s-.895-2-2-2-2\ .895-2\ 2\ .895\ 2\ 2\ 2zM12\ 60c1.105\ 0\ 2-.895\ 2-2s-.895-2-2-2-2\ .895-2\ 2\ .895\ 2\ 2\ 2z\'\ fill=\'%23ffffff\'\ fill-opacity=\'0.05\'\ fill-rule=\'evenodd\'/%3E%3C/svg%3E);z-index:0}.banner-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}.banner-text{font-size:1.2rem;margin-bottom:2rem;opacity:.9;position:relative;z-index:1;max-width:700px}.banner-buttons{position:relative;z-index:1}.banner-buttons .btn-primary{background-color:var(--mts-yellow);border-color:var(--mts-yellow);color:var(--mts-dark);font-weight:600;padding:.75rem 1.5rem}.banner-buttons .btn-primary:hover{background-color:#e69500;border-color:#e69500}.banner-buttons .btn-outline-light:hover{background-color:rgba(255,255,255,.1)}.content-area{padding:4rem 0;background-color:var(--mts-white)}.section{padding:3rem 0}.section-title{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--mts-blue);text-align:center}.section-subtitle{font-size:1.2rem;text-align:center;color:var(--mts-gray);max-width:800px;margin:0 auto 3rem}.custom-card{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease , box-shadow .3s ease;height:100%;border:none}.custom-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.card-title{color:var(--mts-blue);font-weight:700}.btn{border-radius:4px;font-weight:600;padding:.5rem 1.5rem;transition:all .3s ease}.btn-primary{background-color:var(--mts-yellow);border-color:var(--mts-yellow);color:var(--mts-dark)}.btn-primary:hover{background-color:var(--mts-blue);border-color:var(--mts-blue);color:var(--mts-white)}.btn-outline-primary{border-color:var(--mts-blue);color:var(--mts-blue)}.btn-outline-primary:hover{background-color:var(--mts-blue);color:var(--mts-white)}footer{background-color:var(--mts-blue);color:var(--mts-white);padding:3rem 0 0}.footer-heading{color:var(--mts-yellow);font-weight:700;margin-bottom:1.5rem;font-size:1.2rem}footer ul{list-style:none;padding-left:0}footer ul li{margin-bottom:.75rem}footer a{color:var(--mts-white);opacity:.8;text-decoration:none;transition:opacity .3s ease}footer a:hover{opacity:1;color:var(--mts-yellow)}.social-icons{display:flex;gap:1rem}.social-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:rgba(255,255,255,.1);border-radius:50%;transition:all .3s ease}.social-icon:hover{background-color:var(--mts-yellow);transform:translateY(-3px)}.footer-bottom{background-color:rgba(0,0,0,.2);padding:1.5rem 0;margin-top:3rem;text-align:center}.footer-bottom p{margin-bottom:0;opacity:.7}@media (max-width:992px){.banner-title{font-size:2rem}.banner-text{font-size:1.1rem}.section-title{font-size:1.75rem}}@media (max-width:768px){.banner-area{padding:3rem 0}.banner-title{font-size:1.75rem}.banner-buttons .btn{display:block;width:100%;margin-bottom:1rem}.footer-col{margin-bottom:2rem}}@media (max-width:576px){.banner-area{padding:2rem 0}.content-area{padding:2rem 0}.section{padding:2rem 0}}.dashboard-header{background-color:var(--mts-blue);color:var(--mts-white);padding:1rem 0}.sidebar{background-color:var(--mts-dark);color:var(--mts-white);min-height:100vh;padding-top:1rem}.sidebar-link{color:var(--mts-white);opacity:.8;padding:.75rem 1rem;display:block;border-left:3px solid transparent;transition:all .3s ease}.sidebar-link:hover,.sidebar-link.active{background-color:rgba(255,255,255,.1);border-left-color:var(--mts-yellow);opacity:1;text-decoration:none}.sidebar-link i{margin-right:.5rem;width:20px;text-align:center}.dashboard-content{background-color:var(--mts-light-gray);min-height:100vh;padding:2rem}.dash-card{background-color:var(--mts-white);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:1.5rem;margin-bottom:1.5rem}.dash-card-title{color:var(--mts-blue);font-weight:700;margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.75rem}