*{box-sizing:border-box;margin:0;padding:0;}body{font-family:"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa 0%,#e8f4f8 100%);color:#222;line-height:1.6;min-height:100vh;}.navbar{background:linear-gradient(135deg,#0a1628,#000814);padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 20px rgba(0,0,0,0.1);}.navbar .container{width:100%;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;}.navbar-brand{color:#fff;text-decoration:none;font-weight:bold;font-size:1.2rem;display:flex;align-items:center;gap:0.75rem;}.navbar-brand img{width:40px;height:40px;object-fit:cover;border-radius:6px;background:#fff;}.navbar-nav{display:flex;list-style:none;gap:1rem;}.navbar-nav a{color:#fff;text-decoration:none;padding:0.5rem 1rem;border-radius:5px;transition:all 0.3s ease;}.navbar-nav a:hover,.navbar-nav a.active{background:rgba(255,255,255,0.2);transform:translateY(-2px);}.navbar-nav a i{margin-right:0.5rem;font-size:0.9rem;opacity:0.9;}.navbar-nav a:hover i,.navbar-nav a.active i{opacity:1;transform:scale(1.1);}.hero-section{width:100vw;margin-left:calc(-50vw + 50%);margin-bottom:0;}.hero-background{position:relative;height:30vh;min-height:250px;overflow:hidden;}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);}.hero-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;color:white;z-index:2;}.hero-title{font-size:2.5rem;font-weight:800;margin-bottom:0.5rem;text-shadow:5px 5px 10px rgba(0,0,0,0.95),3px 3px 6px rgba(0,0,0,0.9),0 0 20px rgba(0,0,0,0.8);color:#fff;}.hero-subtitle{font-size:1.2rem;opacity:0.95;text-shadow:5px 5px 10px rgba(0,0,0,0.98),3px 3px 6px rgba(0,0,0,0.95),0 0 15px rgba(0,0,0,0.9);color:#fff;}main{width:100%;margin:2rem 0;padding:0 2rem;}footer{background:#000428;color:#fff;text-align:center;padding:1rem;margin-top:2rem;font-size:.95rem;}@media(max-width:768px){.navbar .container{flex-direction:column;gap:1rem;}.navbar .container{padding:0 1rem;}main{padding:0 1rem;}.hero-background{height:25vh;min-height:180px;}.hero-title{font-size:2rem;}.hero-subtitle{font-size:1rem;}.navbar-nav{flex-direction:column;gap:0.5rem;}}