@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Source+Code+Pro:wght@300;400;500;600;700&display=swap";
:root{--background:#fff;--foreground:#212529;--os-sky:#d1e8f5;--os-pool:#a4c8e1;--os-blue:#517dbf;--os-oxford-blue:#2c3e65;--os-chagall:#5c87bd;--os-marine:#4c6d91;--os-midnight:#1f2b33;--os-magpie:#245a71;--os-cornflower:#91b4db;--os-icicle:#d4e6f1;--shark-blue:var(--os-blue);--shark-blue-dark:var(--os-oxford-blue);--ocean-blue:var(--os-chagall);--coral-orange:#f97316;--deep-blue:var(--os-marine);--navy-blue:var(--os-midnight);--sea-green:#059669;--wave-blue:var(--os-cornflower)}html[data-bs-theme=dark]{--background:#212529;--foreground:#fff}html,body{max-width:100vw;color:var(--foreground);background-color:var(--background);overflow-x:hidden}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Source Code Pro", "SF Mono", Monaco, Inconsolata, "Roboto Mono", "Ubuntu Mono", monospace}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{text-decoration:underline}.text-shark-blue{color:var(--shark-blue)!important}.text-ocean-blue{color:var(--ocean-blue)!important}.bg-ocean-blue{background-color:var(--ocean-blue)!important}.text-coral-orange{color:var(--coral-orange)!important}.bg-coral-orange{background-color:var(--coral-orange)!important}.text-sea-green{color:var(--sea-green)!important}.bg-sea-green{background-color:var(--sea-green)!important}[data-bs-theme=dark] footer.bg-light{background-color:var(--bs-gray-800)!important;border-color:var(--bs-gray-700)!important}[data-bs-theme=dark] footer.bg-light .text-muted{color:var(--bs-gray-400)!important}.navbar-brand{font-size:1.5rem;font-weight:700}html{transition:color-scheme .3s}body{transition:background-color .3s,color .3s}.btn{border-radius:.5rem;font-weight:500;transition:all .2s}.btn:focus{box-shadow:0 0 0 .2rem #0ea5e940}.card{border:1px solid #00000020;border-radius:.75rem;transition:box-shadow .15s ease-in-out}[data-bs-theme=dark] .card{border-color:#ffffff20}.card:hover{box-shadow:0 .5rem 1rem #00000026}[data-bs-theme=dark] .card:hover{box-shadow:0 .5rem 1rem #0000004d}.form-control{border:1px solid #ced4da;border-radius:.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.dropdown-menu{border:1px solid #00000026;border-radius:.5rem;box-shadow:0 .5rem 1rem #0000002d}[data-bs-theme=dark] .dropdown-menu{border-color:#ffffff26}.badge{border-radius:.375rem}.alert{border:none;border-radius:.5rem}.hero-section{background:linear-gradient(135deg, var(--shark-blue), var(--ocean-blue));color:#fff;align-items:center;min-height:50vh;display:flex}.hero-section h1{margin-bottom:1.5rem;font-size:3.5rem;font-weight:700}.hero-section .lead{opacity:.9;font-size:1.25rem}@media (max-width:768px){.hero-section h1{font-size:2.5rem}.hero-section .lead{font-size:1.1rem}}.fade-in{animation:.5s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.min-vh-100{min-height:100vh}.flex-grow-1{flex-grow:1}[data-bs-theme=dark] ::-webkit-scrollbar-track{background:#333}.btn:focus-visible,.form-control:focus-visible,.nav-link:focus-visible{outline:2px solid var(--shark-blue);outline-offset:2px}@media print{.navbar,.footer,.btn,.dropdown{display:none!important}}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.shark-blue{color:var(--shark-blue)}.shark-blue-bg{background-color:var(--shark-blue)}.shark-gradient{background:linear-gradient(135deg, var(--shark-blue) 0%, var(--ocean-blue) 100%)}.ocean-gradient{background:linear-gradient(180deg, var(--shark-blue) 0%, var(--deep-blue) 50%, var(--navy-blue) 100%)}.coral-gradient{background:linear-gradient(45deg, var(--coral-orange) 0%, #ea580c 100%)}.btn-primary{background-color:var(--shark-blue);border-color:var(--shark-blue)}.btn-primary:hover{background-color:var(--shark-blue-dark);border-color:var(--shark-blue-dark)}.btn-primary:focus{box-shadow:0 0 0 .2rem #0ea5e980}.form-control:focus{border-color:var(--shark-blue);box-shadow:0 0 0 .2rem #0ea5e940}.navbar-brand{font-weight:700;color:var(--shark-blue)!important}.progress-bar{background-color:var(--shark-blue)}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--shark-blue);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-hover{transition:transform .3s,box-shadow .3s}.card-hover:hover{transform:translateY(-5px);box-shadow:0 .5rem 1rem #00000026}.image-overlay{position:relative;overflow:hidden}.image-overlay:before{content:"";opacity:0;background:linear-gradient(#0000 0%,#000000b3 100%);transition:opacity .3s;position:absolute;inset:0}.image-overlay:hover:before{opacity:1}.text-animate{animation:.6s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--shark-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--shark-blue-dark)}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}.footer{color:#cbd5e1;background-color:#1e293b}.footer a{color:#94a3b8;text-decoration:none}.footer a:hover,.text-shark-blue{color:var(--shark-blue)}.bg-shark-blue{background-color:var(--shark-blue)}.border-shark-blue{border-color:var(--shark-blue)}.shadow-shark{box-shadow:0 .5rem 1rem #0ea5e926}a{color:var(--shark-blue);text-decoration:none}a:hover{color:var(--shark-blue-dark);text-decoration:underline}.badge-shark{background-color:var(--shark-blue);color:#fff}.alert-shark{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.breadcrumb-item.active,.page-link{color:var(--shark-blue)}.page-link:hover{color:var(--shark-blue-dark)}.page-item.active .page-link{background-color:var(--shark-blue);border-color:var(--shark-blue)}.dropdown-item:hover{background-color:#0ea5e91a}.modal-header{border-bottom:1px solid #0ea5e933}.modal-footer{border-top:1px solid #0ea5e933}.table-hover tbody tr:hover{background-color:#0ea5e90d}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--shark-blue)!important}.nav-tabs .nav-link.active{color:var(--shark-blue);border-color:var(--shark-blue) var(--shark-blue) #fff}.nav-tabs .nav-link:hover{border-color:#0ea5e94d}.carousel-indicators [data-bs-target]{background-color:var(--shark-blue)}.carousel-control-prev-icon,.carousel-control-next-icon{background-color:var(--shark-blue);border-radius:50%}.accordion-button:not(.collapsed){color:var(--shark-blue);background-color:#0ea5e91a}.accordion-button:focus{box-shadow:0 0 0 .25rem #0ea5e940}.offcanvas-header{border-bottom:1px solid #0ea5e933}.toast-header{background-color:#0ea5e91a}.list-group-item.active{background-color:var(--shark-blue);border-color:var(--shark-blue)}.list-group-item:hover{background-color:#0ea5e90d}.form-check-input:checked{background-color:var(--shark-blue);border-color:var(--shark-blue)}.form-check-input:focus{box-shadow:0 0 0 .25rem #0ea5e940}.form-range::-webkit-slider-thumb{background-color:var(--shark-blue)}.form-range::-moz-range-thumb{background-color:var(--shark-blue)}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0ea5e940}.form-switch .form-check-input:checked{background-color:var(--shark-blue);border-color:var(--shark-blue)}.form-floating .form-control:focus~label,.form-floating .form-control:not(:placeholder-shown)~label{color:var(--shark-blue)}.btn-close:focus{box-shadow:0 0 0 .25rem #0ea5e940}.popover{border-color:var(--shark-blue)}.tooltip .tooltip-inner{background-color:var(--shark-blue)}.bs-tooltip-top .tooltip-arrow:before{border-top-color:var(--shark-blue)}.bs-tooltip-end .tooltip-arrow:before{border-right-color:var(--shark-blue)}.bs-tooltip-bottom .tooltip-arrow:before{border-bottom-color:var(--shark-blue)}.bs-tooltip-start .tooltip-arrow:before{border-left-color:var(--shark-blue)}a,.navbar-nav .nav-link,.navbar-nav .nav-link:hover,.dropdown-item,.dropdown-item:hover,.navbar-brand,.navbar-brand:hover,.btn,.btn:hover{text-decoration:none!important}@media (max-width:991.98px){.navbar-collapse{border-top:1px solid #0000001a;margin-top:1rem;padding:1rem 0}html[data-bs-theme=dark] .navbar-collapse{border-top-color:#ffffff1a}.navbar-nav{flex-direction:column;gap:.5rem}.navbar-nav .nav-link{border-radius:.375rem;margin-bottom:.25rem;padding:.5rem .75rem;transition:all .3s}.navbar-nav .nav-link:hover{background-color:#0000000d}html[data-bs-theme=dark] .navbar-nav .nav-link:hover{background-color:#ffffff1a}.dropdown-toggle{text-align:left;justify-content:flex-start;align-items:center;min-width:100%;padding:.5rem .75rem}.dropdown-toggle,.btn-sm{min-height:2.25rem;padding:.5rem .75rem;font-size:.875rem}.dropdown-menu{border-radius:.5rem;width:100%;min-width:100%;margin-top:.5rem;box-shadow:0 .5rem 1rem #00000026}.dropdown-item{align-items:center;padding:.5rem .75rem;font-size:.875rem;display:flex}.d-lg-none{display:inline-block!important}.nav.gap-2{gap:.75rem!important}}@media (min-width:992px){.d-lg-none{display:none!important}.nav.gap-2{gap:.5rem!important}.dropdown-toggle.btn-sm{min-width:2.25rem;min-height:2.25rem;padding:.375rem .5rem}}@media (max-width:575.98px){.navbar-brand{font-size:1.1rem}.navbar-toggler{padding:.5rem .75rem;font-size:1rem}}.hover-shadow{transition:box-shadow .3s,transform .2s}.hover-shadow:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hover-bg-light{transition:background-color .2s}.hover-bg-light:hover{background-color:#0000000d}html[data-bs-theme=dark] .hover-bg-light:hover{background-color:#ffffff1a}.ocean-card{border-left:4px solid var(--shark-blue)}.sea-card{border-left:4px solid var(--ocean-blue)}.stats-card{background:linear-gradient(135deg, var(--shark-blue), var(--ocean-blue));color:#fff;border:none}.stats-card .card-body{padding:1.5rem}.breadcrumb{background-color:#0000;margin-bottom:1rem;padding:.5rem 0}.breadcrumb-item+.breadcrumb-item:before{color:var(--bs-secondary)}.badge{padding:.35em .65em;font-weight:500}.table th{border-bottom:2px solid var(--bs-border-color);font-weight:600}@media (max-width:768px){.display-4{font-size:2rem}.lead{font-size:1.1rem}}.shark-card{border:1px solid var(--bs-border-color);transition:all .3s}.shark-card:hover{border-color:var(--shark-blue);box-shadow:0 2px 8px #0ea5e926}.shark-card .card-title{font-size:1rem;font-weight:600;line-height:1.2}.shark-card .scientific-name{color:var(--bs-secondary);font-size:.85rem;font-style:italic;line-height:1.1}html[data-bs-theme=dark] .shark-card:hover{border-color:var(--shark-blue);box-shadow:0 2px 8px #0ea5e940}html[data-bs-theme=dark] .shark-card .scientific-name{color:var(--bs-secondary)}.home-client{padding:0}.home-client .bg-shark-cover{background-image:url(/whale-shark-cover.webp);background-position:50%;background-size:cover;min-height:400px}.text-shadow{text-shadow:4px 4px 10px #000}