:root{--hyder-blue-primary: #006386;--hyder-blue-dark: #003244;--hyder-accent: #fcab28;--hyder-accent-hover: #e59a24;--hyder-white: #ffffff;--hyder-off-white: #f8fafc;--hyder-text-main: #1a1a1a;--hyder-text-on-dark: rgba(255, 255, 255, .9);--hyder-overlay-gradient: linear-gradient(135deg, rgba(0, 99, 134, .9) 0%, rgba(0, 50, 68, .4) 100%);--hyder-shadow-soft: 0 4px 20px rgba(0, 0, 0, .04);--hyder-shadow-accent: 0 10px 20px rgba(252, 171, 40, .3)}html{scroll-behavior:smooth}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr}body{font-family:Inter,sans-serif;min-height:max(884px,100dvh);scroll-behavior:smooth}h1,h2,h3{font-family:Manrope,sans-serif}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .8s cubic-bezier(.16,1,.3,1) forwards}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}.animation-delay-600{animation-delay:.6s}.btn-premium-shine{position:relative;overflow:hidden}.btn-premium-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:.5s;opacity:0}.btn-premium-shine:hover:after{left:120%;opacity:1}.spinner{width:3rem;height:3rem;border:4px solid #f1f5f9;border-left-color:var(--hyder-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:4rem;padding-bottom:2rem}.page-btn{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border:1.5px solid #e2e8f0;background:#fff;border-radius:.75rem;color:#64748b;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem}.page-btn:hover:not([disabled]){border-color:var(--hyder-blue-primary);color:var(--hyder-blue-primary);background:#0063860d;transform:translateY(-2px)}.page-btn.active{background:var(--hyder-blue-primary);color:#fff;border-color:var(--hyder-blue-primary);box-shadow:0 4px 12px #00638640}.page-btn.nav{border-radius:50%;background:#f1f5f9}.page-btn.nav span{font-size:1.5rem}.page-btn[disabled]{opacity:.4;cursor:not-allowed;background:#f8fafc}.modal-overlay{position:fixed;inset:0;z-index:1000;background:#001e2cb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:2rem}.modal-content{background:#fff;width:100%;max-width:900px;border-radius:2rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.hero-branding-grid{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:2rem}@media(min-width:1024px){.hero-branding-grid{display:grid!important;grid-template-columns:1.2fr .8fr;text-align:left;align-items:center;gap:4.5rem}}@media(min-width:1024px){.hero-branding-grid--reverse{grid-template-columns:.8fr 1.2fr}}.hero__content-col{width:100%;display:flex;flex-direction:column;z-index:2}.container{max-width:1200px;width:100%;margin:0 auto}.hero__branding-col{display:flex;justify-content:center;align-items:center;width:100%;z-index:2;animation:floating 6s ease-in-out infinite}@media(max-width:1023px){.hero__branding-col{order:-1;margin-bottom:2rem}}.hero__logo-wrapper{display:block;aspect-ratio:1/1;width:100%;max-width:320px;border-radius:50%;overflow:hidden;box-shadow:0 20px 50px #0000004d;border:10px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff;transition:all .5s cubic-bezier(.165,.84,.44,1);z-index:2}.hero__logo-wrapper:hover{transform:scale(1.05) rotate(2deg);border-color:var(--hyder-accent);box-shadow:0 25px 60px #fcab2859}@media(max-width:1023px){.hero__logo-wrapper{max-width:240px}}.hero__large-logo{width:100%;height:100%;object-fit:contain;transition:transform .6s ease-in-out;transform:scale(1.3)}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in 1s ease-out forwards}