body{font-family:'Inter',sans-serif;background-color:#f0f2f5;color:#333;}.navbar{background-color:#1a73e8;box-shadow:0 2px 4px rgba(0,0,0,.1);}.navbar-brand,.nav-link{color:#ffffff!important;font-weight:500;}.nav-link:hover{color:#e0e0e0!important;}.hero-section{background:url('/img/bg.jpg') no-repeat center center;background-size:cover;color:#ffffff;padding:8rem 0;text-align:center;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;}.hero-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:0;}.hero-section>div{position:relative;z-index:1;}.section-heading{color:#1a73e8;font-weight:700;margin-bottom:2rem;}.card{border-radius:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease-in-out;}.card:hover{transform:translateY(-5px);}.footer{background-color:#333;color:#ffffff;padding:2rem 0;border-top:5px solid #FECC00;}.btn-primary-custom{background-color:#1a73e8;color:#ffffff;padding:.75rem 1.5rem;border-radius:.5rem;transition:background-color .3s ease-in-out;}.btn-primary-custom:hover{background-color:#155bb5;}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4);justify-content:center;align-items:center;}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border-radius:.75rem;width:80%;max-width:600px;box-shadow:0 5px 15px rgba(0,0,0,.3);position:relative;}.close-button{color:#aaa;float:right;font-size:28px;font-weight:bold;}.close-button:hover,.close-button:focus{color:black;text-decoration:none;cursor:pointer;}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #1a73e8;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:20px auto;display:none;}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){div#nav-menu a{display:block}.flex.items-center.space-x-4.text-sm.font-medium{text-align:center}.hero-section{padding:6rem 0}.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1rem}.modal-content{width:95%}nav img{height:32px!important}nav span.text-xl{font-size:1rem!important}}html{scroll-behavior:smooth;}