body{margin:0;background:linear-gradient(135deg,#001f3f,#000814);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#c0e8ff}.navbar{display:flex;align-items:center;justify-content:space-between;background:#001f3f;padding:.8rem 2rem;box-shadow:0 2px 12px #00dfff33}.navbar-logo{display:flex;align-items:center;font-size:1.4rem;color:#00dfff;font-weight:700}.logo-icon{font-size:2rem;margin-right:.5rem;color:#00dfff}.navbar-links{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.navbar-links li a{color:#c0e8ff;text-decoration:none;font-weight:500;padding:.4rem 1rem;border-radius:6px;transition:background .2s,color .2s}.navbar-links li a.active,.navbar-links li a:hover{background:#00dfff;color:#001f3f}.main-content{padding:2rem;min-height:80vh;background:#000f2899;border-radius:12px;margin:1rem auto;max-width:1200px;box-shadow:0 4px 20px #00dfff33}h1,h2,h3,h4,h5,h6{color:#00dfff}p,span,label{color:#c0e8ff}@media (max-width: 768px){.navbar,.navbar-links{flex-direction:column;gap:.5rem}.main-content{padding:1rem;margin:1rem}}