body{margin:0;font-family:Arial,sans-serif;background:#f5f5f5}.top-line{height:5px;background:linear-gradient(to right,#00bfff,#ffb347)}header{background:#fff;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 50px;box-shadow:0 2px 4px #0000001a}.logo{font-size:20px;font-weight:700;color:#0073aa}nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}nav ul li{position:relative;margin-left:25px}nav ul li a{text-decoration:none;font-size:14px;font-weight:700;color:#333;text-transform:uppercase;padding:10px 0;border-top:3px solid transparent;display:inline-block}nav ul li a:hover,nav ul li a.active{color:#0073aa;border-top:3px solid #ffb347}nav ul li ul{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 2px 6px #00000026;min-width:160px;z-index:1000;padding:0}nav ul li ul li{margin:0;width:100%}nav ul li ul li a{padding:8px 15px;border-top:none;color:#333;text-transform:none}nav ul li:hover>ul{display:block}.login{font-size:14px;font-weight:700;color:#0073aa;cursor:pointer;text-transform:uppercase}footer{margin-top:30px;padding:20px;background:#fff;color:#036;text-align:center;border-top:2px solid #00bfff;font-size:14px}main{max-width:1200px;min-height:700px;margin:20px auto;padding:0 20px}