*{margin:0;padding:0;box-sizing:border-box}section{min-height:100vh;padding:20px;display:flex;justify-content:center;align-items:center}nav{position:fixed;top:0;width:100%;z-index:100;background:linear-gradient(90deg,#0a3d5c 0%,#1a6fa8 100%);padding:16px 28px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px #0a3d5c66;font-size:large}nav ul{display:flex;list-style:none}nav ul li{margin:0 15px}nav ul li a{cursor:pointer;text-decoration:none;color:#c9e8f7;padding-bottom:4px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}nav ul li a:hover{color:#fff;border-bottom-color:#7ecfff}section{background-color:transparent}body{background:linear-gradient(160deg,#e8f4fd 0%,#c9e8f7 40%,#a0d4f0 100%);background-attachment:fixed}.logo{color:#fff;font-size:x-large;font-weight:700;display:flex;align-items:center;gap:10px;letter-spacing:.5px}.logo-icon{flex-shrink:0}@media (max-width: 600px){nav{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px}nav ul{flex-wrap:wrap;gap:8px}nav ul li{margin:0 8px 0 0}.logo{font-size:large}}