:root{--brand-navy: #001e3c;--brand-cyan: #00c7ff;--brand-gray: #9aa5b1;--page-bg: #f5f5f5}*{box-sizing:border-box}html,body{margin:0;font-family:Nunito,sans-serif;background-color:var(--page-bg)!important;color:#111827}.heading-wrapper{position:fixed;top:0;left:0;width:250px;height:125px;background-color:var(--brand-navy);border-bottom-right-radius:50px;display:flex;align-items:center;justify-content:center;z-index:1000}.logo{position:relative;text-align:left}.logo .spot{display:block;font-size:3rem;font-weight:700;color:var(--brand-gray)}.logo .spoof{position:absolute;top:2.5rem;left:1.8rem;font-size:2.5rem;font-style:italic;font-weight:400;color:var(--brand-cyan);text-transform:uppercase}.top-links{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:15px;z-index:1001}.about-link{font-size:1rem;color:var(--brand-navy);text-decoration:none;font-weight:700}.about-link:hover{text-decoration:underline}.api-button{display:inline-block;padding:.5rem 1rem;font-size:1rem;font-weight:700;border:2px solid var(--brand-navy);color:var(--brand-navy);background-color:transparent;border-radius:5px;text-decoration:none;text-align:center}.api-button:hover{background-color:var(--brand-navy);color:#fff}.hero-text-wrapper{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-text-wrapper h1{font-size:2.5rem;margin-bottom:1rem}.hero-subtext-wrapper h2{font-size:1.2rem;color:#6c757d}.search-wrapper form{display:flex;justify-content:center;margin-top:1rem}.search-wrapper input[type=text]{padding:.75rem 1rem;border:2px solid var(--brand-gray);border-right:none;border-radius:50px 0 0 50px;width:500px}.search-wrapper button[type=submit]{padding:.75rem 1rem;border:2px solid var(--brand-gray);background-color:var(--brand-navy);color:#fff;border-radius:0 50px 50px 0}.footer-wrapper{position:fixed;bottom:0;left:0;width:100%;background-color:var(--brand-navy);color:var(--brand-gray);padding:1rem 0;text-align:center}.footer-wrapper a{color:var(--brand-cyan);margin:0 .5rem;text-decoration:none}.footer-wrapper a:hover{text-decoration:underline}.spinner{margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--brand-navy)}.spinner:before{content:"";width:16px;height:16px;border:2px solid var(--brand-gray);border-top-color:var(--brand-cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.api-header{margin-top:110px;text-align:center}.results-wrapper{margin-top:1.5rem}@media(max-width:768px){.heading-wrapper{width:150px;height:80px;border-bottom-right-radius:30px}.logo .spot{font-size:2rem}.logo .spoof{font-size:1.5rem;top:1.5rem;left:1.2rem}.top-links{top:15px;right:15px;gap:10px}.api-button{padding:.3rem .8rem;font-size:.9rem}.hero-text-wrapper{width:90%;padding:0 15px}.search-wrapper form{flex-direction:column;align-items:center;gap:0}.search-wrapper input[type=text]{width:100%;border-radius:25px;border:2px solid var(--brand-gray);margin-bottom:10px}.search-wrapper button[type=submit]{width:100%;border-radius:25px;border:2px solid var(--brand-navy)}.footer-wrapper{padding:.5rem 15px;font-size:.9rem}}@media(max-width:380px){.heading-wrapper{width:120px;height:70px}.logo .spot{font-size:1.5rem}.logo .spoof{font-size:1.2rem;top:1.2rem;left:1rem}.top-links{gap:8px}.about-link{font-size:.9rem}.api-button{padding:.2rem .6rem;font-size:.8rem}}