 <style>

 /* Top bar */
 .topbar {
     background: #2c6f97;
     color: #fff;
     font-size: 14px;
     padding: 8px 20px;
 }

 .topbar a {
     color: #fff;
     text-decoration: none;
 }

 /* Header */
 .header {
     background: #fff;
     padding: 10px 20px;
     border-bottom: 1px solid #ddd;
 }

 .header img {
     height: 55px;
 }

 /* Hero Section */
 .hero {
     position: relative;
     height: 85vh;
     background: url('https://images.unsplash.com/photo-1588776814546-1ffcf47267a5?q=80&w=1920') center/cover no-repeat;
 }

 /* Overlay */
 .hero::before {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 80, 120, 0.45);
 }

 /* Hero content */
 .hero-content {
     position: relative;
     z-index: 2;
     text-align: center;
     color: #fff;
     padding-top: 80px;
 }

 /* Title */
 .hero h1 {
     font-weight: 700;
     font-size: 40px;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
 }

 /* Glass card */
 .track-box {
     background: rgba(255, 255, 255, 0.25);
     backdrop-filter: blur(10px);
     padding: 25px;
     border-radius: 12px;
     width: 400px;
     margin: 30px auto;
     text-align: left;
 }

 /* Inputs */
 .track-box input {
     width: 100%;
     padding: 8px;
     border: none;
     margin-bottom: 10px;
 }

 /* Buttons below */
 .bottom-btns {
     margin-top: 20px;
 }

 .btn-yellow {
     background: #f3d23b;
     color: #000;
     border-radius: 8px;
     padding: 10px 25px;
 }

 .btn-cyan {
     background: #9bd3d9;
     color: #000;
     border-radius: 8px;
     padding: 10px 25px;
 }

 /* Floating button */
 .floating-btn {
     position: fixed;
     bottom: 20px;
     right: 20px;
     background: purple;
     color: #fff;
     border-radius: 50%;
     padding: 15px;
     font-size: 14px;
 }

 .hero-title {
     font-size: 52px;
     font-weight: 900;
     letter-spacing: 1px;
     text-transform: uppercase;
     line-height: 1.2;
     text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.6);
 }

 @media(max-width:768px) {
     .track-box {
         width: 90%;
     }

     .hero h1 {
         font-size: 28px;
     }
 }

 </style>