*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.app-header{background:linear-gradient(135deg,#2b6cb0,#1e4d85,#6b46c1);box-shadow:0 8px 32px #00000040;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero{background:linear-gradient(135deg,#2b6cb0d9,#6b46c1d9),url(/assets/image.jpg) center/cover no-repeat;background-attachment:fixed;color:#fff;padding:4rem 2rem;text-align:center;margin:-2rem -2rem 0;position:relative;min-height:250px;display:flex;align-items:center;justify-content:center}.hero .hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2}.hero .hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:-1px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.hero .hero-content .tagline{font-size:1.4rem;margin-bottom:2rem;opacity:.98;font-weight:300;text-shadow:0 1px 4px rgba(0,0,0,.3)}.header-content{max-width:1400px;margin:0 auto;padding:1.2rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo-wrapper{display:flex;align-items:center;flex-shrink:0}.logo-wrapper .brand-logo{height:65px;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:all .3s ease}.logo-wrapper .brand-logo:hover{filter:drop-shadow(0 6px 12px rgba(255,215,0,.3));transform:scale(1.05)}.app-nav{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;flex:1}.app-nav a{color:#fff;text-decoration:none;font-weight:600;font-size:1rem;padding:.7rem 1.5rem;border-radius:8px;transition:all .3s ease;position:relative;letter-spacing:.3px}.app-nav a:hover{background-color:#ffffff26;transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.app-nav a.active{background:linear-gradient(135deg,gold,#ffed4e);color:#2b6cb0;font-weight:700;box-shadow:0 4px 15px #ffd7004d}.app-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#2b6cb0,transparent);border-radius:2px}main{min-height:calc(100vh - 200px);max-width:1400px;margin:0 auto;padding:0 2rem;width:100%}.app-footer{background:linear-gradient(135deg,#f0f4ff,#f8f9fa);border-top:2px solid #e9ecef;text-align:center;padding:3rem 2rem;margin-top:4rem;color:#666;font-size:.95rem}.app-footer p{margin:0}@media(max-width:1024px){.header-content{padding:1rem 1.5rem;gap:1.5rem}.logo-wrapper .brand-logo{height:55px}.app-nav{gap:.25rem}.app-nav a{padding:.6rem 1.2rem;font-size:.95rem}main{padding:0 1.5rem}}@media(max-width:768px){.header-content{padding:1rem;flex-direction:column;gap:1rem}.logo-wrapper{width:100%;justify-content:center}.logo-wrapper .brand-logo{height:50px}.app-nav{width:100%;gap:.5rem;justify-content:center;flex-wrap:wrap}.app-nav a{font-size:.9rem;padding:.5rem 1rem;flex:1;min-width:80px;text-align:center}main{padding:0 1rem}}body{margin:0;font-family:Arial,sans-serif}