@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;700&display=swap);:root{--ocean-50:#e6f7fb;--ocean-100:#b3e8f2;--ocean-200:#80d8e9;--ocean-300:#4dc9e0;--ocean-400:#1ab9d7;--ocean-500:#0097b2;--ocean-600:#00778c;--ocean-700:#005766;--ocean-800:#003740;--ocean-900:#001a1f;--teal-400:#00b4d8;--teal-500:#0096b7;--teal-600:#007a96;--coral-400:#ff6b6b;--coral-500:#ee5a5a;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--bg-primary:#f7f9fb;--bg-warm:#fdfaf6;--bg-white:#fff;--bg-dark:var(--gray-900);--font-heading:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 10px 40px #0000001a;--shadow-xl:0 20px 60px #0000001f;--shadow-glow:0 0 30px #00b4d833;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:50px;--section-py:6rem;--section-px:2rem;--container-max:1200px;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:#f7f9fb;background-color:var(--bg-primary);color:#1e293b;color:var(--gray-800);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);line-height:1.6;overflow-x:hidden}::selection{background:#80d8e9;background:var(--ocean-200);color:#001a1f;color:var(--ocean-900)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#4dc9e0;background:var(--ocean-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0097b2;background:var(--ocean-500)}.section-animate{animation:sectionFadeIn .8s cubic-bezier(.22,1,.36,1) both;animation:sectionFadeIn .8s var(--ease-out) both}.section-animate:nth-child(2){animation-delay:.1s}.section-animate:nth-child(3){animation-delay:.15s}.section-animate:nth-child(4){animation-delay:.2s}@keyframes sectionFadeIn{0%{opacity:.3;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.wave-divider{line-height:0;overflow:hidden;position:relative;width:100%}.wave-divider svg{display:block;height:60px;width:100%}code{font-family:Fira Code,Cascadia Code,Consolas,monospace}main{min-height:100vh}.navbar{left:0;padding:0 1.5rem;position:fixed;top:0;transition:all .4s var(--ease-out);width:100%;z-index:1000}.nav-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1380px;padding:1rem 0;transition:padding .4s var(--ease-out)}.navbar.scrolled{backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);background:#ffffffe0;border-bottom:1px solid #00000008;box-shadow:0 1px 0 #0000000a,0 4px 24px #0000000a}.navbar.scrolled .nav-inner{padding:.6rem 0}.nav-brand{align-items:center;display:flex;flex-shrink:0;gap:10px;text-decoration:none;transition:all .3s var(--ease-spring)}.nav-brand:hover{transform:scale(1.02)}.logo-mark{align-items:center;display:flex;filter:drop-shadow(0 2px 6px rgba(0,119,182,.25));justify-content:center;transition:filter .3s ease}.nav-brand:hover .logo-mark{filter:drop-shadow(0 3px 10px rgba(0,119,182,.35))}.logo-text{color:#fff;font-family:var(--font-heading);font-size:1.35rem;font-weight:800;letter-spacing:-.3px;transition:color .4s ease}.navbar.scrolled .logo-text{color:var(--gray-900)}.navbar .nav-links{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:var(--radius-full);display:flex;gap:2px;list-style:none;margin:0;padding:4px}.navbar.scrolled .nav-links{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--gray-50);border-color:var(--gray-200)}.navbar .nav-links a{border-radius:var(--radius-full);color:#ffffffd9;font-family:var(--font-heading);font-size:.82rem;font-weight:600;padding:7px 14px;text-decoration:none;transition:all .25s ease;white-space:nowrap}.navbar.scrolled .nav-links a{color:var(--gray-500)}.navbar .nav-links a:hover{background:#ffffff2e;color:#fff}.navbar.scrolled .nav-links a:hover{background:#fff;box-shadow:0 1px 4px #0000000f;color:var(--gray-800)}.navbar .nav-links a.active{background:#ffffff38;color:#fff;font-weight:700}.navbar.scrolled .nav-links a.active{background:#fff;box-shadow:0 1px 6px #0097b21f;color:var(--ocean-600);font-weight:700}.nav-divider{background:#ffffff26;flex-shrink:0;height:20px;margin:0 4px;width:1px}.navbar.scrolled .nav-divider{background:var(--gray-200)}.nav-report-link{align-items:center;display:inline-flex!important;gap:6px}.report-dot{animation:reportPulse 2s infinite;background:#ef4444;border-radius:50%;flex-shrink:0;height:7px;width:7px}@keyframes reportPulse{0%,to{box-shadow:0 0 0 0 #ef444466;opacity:1}50%{box-shadow:0 0 0 4px #ef444400;opacity:.7}}.navbar .nav-links a.nav-report-link{color:#fca5a5}.navbar.scrolled .nav-links a.nav-report-link{color:#ef4444}.navbar .nav-links a.nav-report-link.active,.navbar .nav-links a.nav-report-link:hover{background:#ef44441a;color:#fca5a5}.navbar.scrolled .nav-links a.nav-report-link.active,.navbar.scrolled .nav-links a.nav-report-link:hover{background:#fef2f2;color:#dc2626}.navbar .nav-links a.nav-emergency-link{color:#ffffffb3;font-size:.78rem}.navbar.scrolled .nav-links a.nav-emergency-link{color:var(--gray-400)}.mobile-auth{display:none}.nav-right{flex-shrink:0;gap:12px}.nav-right,.user-area{align-items:center;display:flex}.user-area{gap:10px}.user-avatar-pill{align-items:center;background:#ffffff1f;border:1px solid #ffffff26;border-radius:var(--radius-full);display:flex;gap:8px;padding:5px 14px 5px 5px;transition:all .3s ease}.navbar.scrolled .user-avatar-pill{background:var(--gray-50);border-color:var(--gray-200)}.avatar-letter{align-items:center;background:linear-gradient(135deg,var(--teal-400),var(--ocean-500));border-radius:50%;color:#fff;display:flex;font-size:.78rem;font-weight:700;height:28px;justify-content:center;width:28px}.avatar-email,.avatar-letter{font-family:var(--font-heading)}.avatar-email{color:#ffffffe6;font-size:.8rem;font-weight:600;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar.scrolled .avatar-email{color:var(--gray-700)}.nav-cta{align-items:center;background:linear-gradient(135deg,var(--teal-400),var(--ocean-500));border:none;border-radius:var(--radius-full);box-shadow:0 2px 12px #00b4d840;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:.84rem;font-weight:700;padding:9px 22px;text-decoration:none;transition:all .3s var(--ease-out);white-space:nowrap}.nav-cta:hover{box-shadow:0 4px 18px #00b4d859;filter:brightness(1.05);transform:translateY(-1px)}.logout-btn{box-shadow:none;font-size:.8rem;padding:7px 16px}.logout-btn,.navbar.scrolled .logout-btn{background:var(--gray-100);color:var(--gray-600)}.logout-btn:hover{background:var(--gray-200);box-shadow:none;filter:none}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:8px;z-index:1002}.hamburger span{background:#fff;border-radius:2px;display:block;height:2px;transition:all .3s var(--ease-out);width:22px}.navbar.scrolled .hamburger span{background:var(--gray-800)}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-overlay{display:none}@media (max-width:1024px){.navbar .nav-links{gap:1px;padding:3px}.navbar .nav-links a{font-size:.78rem;padding:6px 10px}.nav-cta{font-size:.8rem;padding:8px 16px}}@media (max-width:900px){.nav-right{display:none}.hamburger{display:flex}.navbar .nav-links{align-items:stretch;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a1428f7;border:none;border-radius:0;box-shadow:-10px 0 40px #0003;flex-direction:column;gap:2px;height:100vh;padding:100px 24px 40px;position:fixed;right:-100%;top:0;transition:right .4s var(--ease-out);width:300px;z-index:1001}.navbar .nav-links.active{right:0}.navbar .nav-links a{border-radius:var(--radius-md);color:#ffffffd9;font-size:1rem;padding:14px 18px}.navbar .nav-links a.active,.navbar .nav-links a:hover{background:#00b4d81f;color:var(--teal-400)}.navbar.scrolled .nav-links a{color:#ffffffd9}.navbar.scrolled .nav-links a.active,.navbar.scrolled .nav-links a:hover{background:#00b4d81f;color:var(--teal-400)}.nav-divider{background:#ffffff14;height:1px;margin:8px 0;width:100%}.mobile-auth{border-top:1px solid #ffffff14;display:block;margin-top:16px;padding-top:16px}.mobile-auth .nav-cta{justify-content:center;padding:14px;text-align:center;width:100%}.nav-overlay{animation:fadeIn .3s ease;background:#0006;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}}@media (max-width:480px){.navbar{padding:0 1rem}.nav-inner{padding:.8rem 0}.navbar.scrolled .nav-inner{padding:.5rem 0}.logo-text{font-size:1.2rem}}.section{overflow:hidden;padding:var(--section-py) var(--section-px);position:relative;text-align:center}.section-inner{margin:0 auto;max-width:var(--container-max)}.section-badge{background:var(--ocean-50);border-radius:var(--radius-full);color:var(--ocean-600);display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.3px;margin-bottom:16px;padding:6px 16px}.section-badge,.section__title{font-family:var(--font-heading)}.section__title{color:var(--gray-900);font-size:2.8rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:1rem}.section__desc,.section__subtitle{color:var(--gray-500);font-size:1.1rem;line-height:1.8;margin:0 auto 2rem;max-width:700px}.wave-section-divider{line-height:0;margin:-1px 0}.wave-section-divider svg{display:block;height:50px;width:100%}.wave-section-divider.flip{transform:rotate(180deg)}.hero-section{align-items:center;background:linear-gradient(135deg,#0a192f,#0c2d48 30%,#145374 60%,#00798c);color:#fff;display:flex;height:100vh;justify-content:center;min-height:650px;overflow:hidden;position:relative;text-align:center;width:100%}.hero-overlay{background:linear-gradient(180deg,#0a192f4d,#0a192f66 40%,#0a192fbf);inset:0;position:absolute;z-index:1}#background-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.hero-content{animation:fadeInUp 1s var(--ease-out);max-width:800px;padding:0 2rem;position:relative;z-index:2}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #fff3;border-radius:var(--radius-full);display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:24px;padding:8px 20px}.hero-badge,.hero-content h1{font-family:var(--font-heading)}.hero-content h1{font-size:4rem;font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:20px;text-shadow:0 4px 20px #00000040}.hero-content p{color:#ffffffd9;font-size:1.2rem;line-height:1.7;margin:0 auto 36px;max-width:560px}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.hero-cta{border:none;border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-heading);font-size:1.05rem;font-weight:700;letter-spacing:.2px;padding:16px 36px;transition:all .3s var(--ease-out)}.hero-cta.primary{background:linear-gradient(135deg,var(--teal-400),var(--ocean-500));box-shadow:0 6px 25px #00b4d866;color:#fff}.hero-cta.primary:hover{box-shadow:0 10px 35px #00b4d880;filter:brightness(1.08);transform:translateY(-3px)}.hero-cta.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1.5px solid #ffffff4d;color:#fff}.hero-cta.secondary:hover{background:#ffffff38;transform:translateY(-3px)}.hero-scroll-indicator{align-items:center;bottom:36px;color:#ffffff80;display:flex;flex-direction:column;font-family:var(--font-heading);font-size:.8rem;gap:8px;left:50%;letter-spacing:1px;position:absolute;text-transform:uppercase;transform:translateX(-50%);z-index:2}.scroll-arrow{animation:float 2s ease-in-out infinite;font-size:1.2rem}.hero-floating-stats{animation:fadeInUp 1.2s var(--ease-out) .3s both;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:36px}.hero-stat-pill{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:var(--radius-full);color:#ffffffe6;display:inline-flex;font-family:var(--font-heading);font-size:.78rem;font-weight:600;gap:8px;letter-spacing:.3px;padding:8px 18px}.hsp-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.hsp-dot.live{animation:dotPulse 2s infinite;background:#ef4444;box-shadow:0 0 6px #ef444480}.hsp-dot.active{animation:dotPulse 2s .3s infinite;background:#3b82f6;box-shadow:0 0 6px #3b82f680}.hsp-dot.online{animation:dotPulse 2s .6s infinite;background:#22c55e;box-shadow:0 0 6px #22c55e80}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.about-section{background-color:var(--bg-warm)}.programs-section{background:var(--bg-primary)}.cards{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;margin:0 auto;max-width:var(--container-max)}.card{background-color:var(--bg-white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.card .card-image-container{aspect-ratio:16/10;overflow:hidden;width:100%}.card img{height:100%;object-fit:cover;transition:transform .5s var(--ease-out);width:100%}.card:hover img{transform:scale(1.08)}.card .card-content{display:flex;flex-direction:column;flex-grow:1;padding:22px;text-align:left}.card h3{color:var(--gray-900);font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin:0 0 8px}.card p{color:var(--gray-500);flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:16px}.card .card-button{align-self:flex-start;background:linear-gradient(135deg,var(--ocean-500),var(--teal-400));border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-family:var(--font-heading);font-size:.85rem;font-weight:600;padding:10px 22px;text-decoration:none;transition:all .3s var(--ease-out)}.card .card-button:hover{box-shadow:0 4px 15px #0097b24d;filter:brightness(1.1);transform:translateY(-2px)}.impact-section{background-color:var(--bg-warm)}.impact-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-left:auto;margin-right:auto;margin-top:2.5rem;max-width:950px}.stat{background:var(--bg-white);border-bottom:4px solid var(--ocean-500);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:32px 24px;position:relative;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.stat:before{background:linear-gradient(135deg,#00b4d808,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.stat:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.stat-icon{font-size:2rem;margin-bottom:10px}.stat h3{color:var(--ocean-500);font-family:var(--font-heading);font-size:3rem;font-weight:800;letter-spacing:-1px;margin:0}.stat p{color:var(--gray-500);font-size:.95rem;font-weight:500}.stat p,.stat-live{font-family:var(--font-heading);margin-top:8px}.stat-live{animation:livePulse 2s infinite;color:#22c55e;display:block;font-size:.68rem;font-weight:700}.stat-live.online{color:#3b82f6}.ai-stat{border-bottom-color:#8b5cf6}.ai-stat:before{background:linear-gradient(135deg,#8b5cf60a,#0000)}.ai-stat h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;background-clip:text}.testimonials-section{background-color:#fff}.testimonials{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:var(--container-max)}blockquote{background:linear-gradient(135deg,var(--ocean-50),#f1f8fc);border-left:5px solid var(--ocean-500);border-radius:var(--radius-lg);margin:0;padding:32px;position:relative;text-align:left;width:100%}.quote-icon{color:var(--ocean-200);font-family:Georgia,serif;font-size:4rem;line-height:1;margin-bottom:-10px}.quote-text{color:var(--gray-600);font-size:1.05rem;font-style:italic;line-height:1.7;margin-bottom:20px}.quote-author{gap:12px}.author-avatar,.quote-author{align-items:center;display:flex}.author-avatar{background:linear-gradient(135deg,var(--teal-400),var(--ocean-500));border-radius:50%;color:#fff;font-size:1rem;height:42px;justify-content:center;width:42px}.author-avatar,.author-name{font-family:var(--font-heading);font-weight:700}.author-name{color:var(--gray-800)}.author-name,.author-role{display:block;font-style:normal}.author-role{color:var(--gray-400);font-size:.85rem}.events-section{background-color:var(--bg-warm)}.events{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1000px}.event{align-items:stretch;background-color:var(--bg-white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;overflow:hidden;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.event:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.event-date{align-items:center;background:linear-gradient(135deg,var(--ocean-500),var(--teal-400));color:#fff;display:flex;flex-direction:column;justify-content:center;min-width:90px;padding:20px 24px}.event-day{font-size:2rem;font-weight:800;line-height:1}.event-day,.event-month{font-family:var(--font-heading)}.event-month{font-size:.8rem;font-weight:700;letter-spacing:2px;margin-top:4px;text-transform:uppercase}.event-info{flex:1 1;padding:22px;text-align:left}.event-info h3{color:var(--gray-800);font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin:0 0 8px}.event-info p{color:var(--gray-500);font-size:.95rem;line-height:1.6;margin:0 0 12px}.event-tag{background:var(--ocean-50);border-radius:var(--radius-full);color:var(--ocean-600);display:inline-block;font-family:var(--font-heading);font-size:.8rem;font-weight:600;padding:4px 12px}.partners-section{background-color:#fff}.partner-logos{align-items:center;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;margin-top:2rem}.partner-logos img{filter:grayscale(100%);opacity:.5;transition:all .4s var(--ease-out);width:140px}.partner-logos img:hover{filter:grayscale(0);opacity:1;transform:scale(1.1)}.faq-section{background-color:var(--bg-warm)}.faqs{margin:0 auto;max-width:720px;text-align:left}.faq-item{background:var(--bg-white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;margin-bottom:12px;overflow:hidden;transition:all .3s var(--ease-out)}.faq-item:hover{border-color:var(--ocean-200);box-shadow:var(--shadow-md)}.faq-item.open{border-color:var(--ocean-300);box-shadow:var(--shadow-md),var(--shadow-glow)}.faq-question{align-items:center;display:flex;justify-content:space-between;padding:20px 24px}.faq-question h3{color:var(--gray-800);flex:1 1;font-family:var(--font-heading);font-size:1.05rem;font-weight:600;margin:0}.faq-toggle{align-items:center;background:var(--ocean-50);border-radius:50%;color:var(--ocean-600);display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:32px;justify-content:center;margin-left:16px;transition:all .3s var(--ease-out);width:32px}.faq-item.open .faq-toggle{background:var(--ocean-500);color:#fff}.faq-answer{max-height:0;overflow:hidden;padding:0 24px;transition:max-height .4s var(--ease-out),padding .4s var(--ease-out)}.faq-item.open .faq-answer{max-height:200px;padding:0 24px 20px}.faq-answer p{color:var(--gray-500);font-size:.95rem;line-height:1.7;margin:0}.newsletter-section{background:linear-gradient(135deg,var(--ocean-700),var(--ocean-500));padding:5rem 2rem}.newsletter-content{margin:0 auto;max-width:600px;text-align:center}.newsletter-content h2{color:#fff;font-family:var(--font-heading);font-size:2.4rem;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.newsletter-content p{color:#fffc;font-size:1.05rem;line-height:1.6;margin-bottom:32px}.newsletter-form{display:flex;gap:12px;margin:0 auto;max-width:480px}.newsletter-form input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:var(--radius-full);color:#fff;flex:1 1;font-family:var(--font-body);font-size:1rem;outline:none;padding:16px 20px;transition:all .3s ease}.newsletter-form input::placeholder{color:#fff9}.newsletter-form input:focus{background:#ffffff26;border-color:var(--teal-400);box-shadow:0 0 0 3px #00b4d840}.newsletter-form button{background:#fff;border:none;border-radius:var(--radius-full);color:var(--ocean-600);cursor:pointer;font-family:var(--font-heading);font-size:.95rem;font-weight:700;padding:16px 32px;transition:all .3s var(--ease-out);white-space:nowrap}.newsletter-form button:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.newsletter-success{align-items:center;animation:fadeInUp .5s var(--ease-out);background:#ffffff26;border:1px solid #ffffff40;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-family:var(--font-heading);font-weight:600;gap:10px;padding:16px 28px}@media (max-width:992px){.hero-content h1{font-size:3.2rem}.section__title{font-size:2.4rem}}@media (max-width:768px){.section{padding:4rem 1.5rem}.hero-content h1{font-size:2.6rem}.hero-content p{font-size:1.05rem}.hero-buttons{align-items:center;flex-direction:column}.hero-cta{max-width:280px;width:100%}.events{grid-template-columns:1fr}.event{flex-direction:column}.event-date{flex-direction:row;gap:8px;min-width:auto;padding:14px 20px}.newsletter-form{flex-direction:column}.card:hover,.event:hover,.stat:hover{transform:none}}@media (max-width:480px){.section__title{font-size:2rem}.hero-content h1{font-size:2.2rem}.hero-badge{font-size:.8rem}}.about-features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:2.5rem}.about-feature{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:32px 24px;transition:all .3s var(--ease-out)}.about-feature:hover{border-color:var(--ocean-200);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.af-icon-wrap{align-items:center;border-radius:16px;display:flex;font-size:1.6rem;height:56px;justify-content:center;margin-bottom:16px;width:56px}.af-icon-wrap.rescue{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.af-icon-wrap.dashboard{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.af-icon-wrap.ai{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.about-feature h3{color:var(--gray-900);font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:8px}.about-feature p{color:var(--gray-500);font-size:.9rem;line-height:1.6}.quick-help-section{background:var(--bg-primary)}.quick-help-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:2rem}.quick-help-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;padding:28px 22px;text-align:left;transition:all .3s var(--ease-out)}.quick-help-card:hover{border-color:var(--ocean-300);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.qh-icon{display:block;font-size:2.2rem;margin-bottom:14px}.quick-help-card h3{color:var(--gray-900);font-family:var(--font-heading);font-size:1rem;font-weight:700;margin-bottom:6px}.quick-help-card p{color:var(--gray-500);font-size:.88rem;line-height:1.5;margin-bottom:14px}.qh-link{color:var(--ocean-500);font-family:var(--font-heading);font-size:.85rem;font-weight:700;transition:color .2s}.quick-help-card:hover .qh-link{color:var(--ocean-700)}@media (max-width:768px){.about-features{grid-template-columns:1fr}.quick-help-grid{gap:12px;grid-template-columns:1fr 1fr}}@media (max-width:480px){.quick-help-grid{grid-template-columns:1fr}}.footer{margin-top:-1px;position:relative}.footer-wave{line-height:0}.footer-wave svg{display:block;height:60px;width:100%}.footer-main{background:var(--gray-900);color:#ffffffb3;padding:4rem 2rem 2rem}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1.5fr 1fr 1fr 1fr;margin:0 auto;max-width:var(--container-max)}.footer-brand{padding-right:20px}.footer-logo{color:#fff;font-family:var(--font-heading);font-size:1.5rem;font-weight:800;letter-spacing:-.3px;margin-bottom:16px}.footer-brand p{color:#ffffff8c;font-size:.92rem;line-height:1.7;margin-bottom:20px}.footer-socials{display:flex;gap:12px}.footer-socials a{align-items:center;background:#ffffff14;border:1px solid #ffffff14;border-radius:50%;color:#fff9;display:flex;height:40px;justify-content:center;transition:all .3s var(--ease-out);width:40px}.footer-socials a:hover{background:var(--teal-400);border-color:#0000;box-shadow:0 6px 20px #00b4d84d;color:#fff;transform:translateY(-3px)}.footer-links h4{color:#fff;font-family:var(--font-heading);font-size:.95rem;font-weight:700;letter-spacing:1px;margin-bottom:18px;text-transform:uppercase}.footer-links a,.footer-links span{color:#ffffff80;display:block;font-size:.9rem;padding:5px 0;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:var(--teal-400);transform:translateX(4px)}.footer-bottom{border-top:1px solid #ffffff14;margin-left:auto;margin-right:auto;margin-top:3rem;max-width:var(--container-max);padding-top:1.5rem;text-align:center}.footer-bottom p{color:#ffffff59;font-size:.85rem;margin:0}.footer-tagline{font-size:.8rem!important;margin-top:6px!important}@media (max-width:900px){.footer-grid{gap:32px;grid-template-columns:1fr 1fr}}@media (max-width:600px){.footer-grid{gap:28px;grid-template-columns:1fr;text-align:center}.footer-brand{padding-right:0}.footer-socials{justify-content:center}.footer-links a:hover{transform:none}}.login-toast{align-items:center;animation:toastSlideIn .4s var(--ease-out);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:#fff;display:flex;font-family:var(--font-heading);font-size:.9rem;font-weight:600;gap:10px;left:50%;max-width:90%;padding:14px 28px;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}.login-toast.success{background:var(--success)}.login-toast.error{background:var(--error)}.login-toast.warning{background:var(--warning);color:var(--gray-900)}.login-toast.info{background:var(--ocean-500)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.login-page{align-items:center;background:linear-gradient(135deg,var(--ocean-700) 0,var(--ocean-500) 50%,var(--teal-400) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 60px #00b4d826;display:flex;max-width:960px;min-height:560px;overflow:hidden;width:100%}.login-image{align-items:center;background:linear-gradient(135deg,var(--ocean-700),var(--ocean-500),var(--teal-400));display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:50px 40px;position:relative;text-align:center}.login-image:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Ccircle cx='40' cy='40' r='2' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E") repeat;content:"";inset:0;pointer-events:none;position:absolute}.login-image-content{position:relative;z-index:1}.login-emoji{animation:float 3s ease-in-out infinite;display:block;font-size:3.5rem;margin-bottom:20px}.login-image h1{color:#fff;font-family:var(--font-heading);font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.login-image p{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:28px;max-width:300px}.toggle-form-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-family:var(--font-heading);font-size:.9rem;font-weight:600;padding:12px 28px;transition:all .3s var(--ease-out)}.toggle-form-btn:hover{background:#ffffff40;transform:translateY(-2px)}.login-form{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:50px 48px}.login-form h2{color:var(--gray-900);font-family:var(--font-heading);font-size:1.8rem;font-weight:800;letter-spacing:-.3px;margin-bottom:4px}.form-subtitle{color:var(--gray-400);font-size:.9rem;margin-bottom:28px}.input-wrapper{margin-bottom:14px;position:relative}.input-icon{font-size:1rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.login-form input{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-800);font-family:var(--font-body);font-size:.95rem;outline:none;padding:15px 15px 15px 46px;transition:all .3s ease;width:100%}.login-form input:focus{background:#fff;border-color:var(--ocean-400);box-shadow:0 0 0 4px #00b4d81f}.login-form input::placeholder{color:var(--gray-400)}.submit-btn{align-items:center;background:linear-gradient(135deg,var(--ocean-500),var(--teal-400));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-heading);font-size:1rem;font-weight:700;justify-content:center;margin-top:8px;min-height:52px;padding:15px;transition:all .3s var(--ease-out);width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #0097b259;filter:brightness(1.06);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.btn-loader{animation:spin .7s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:22px;width:22px}.forgot-password{background:none;border:none;color:var(--ocean-500);cursor:pointer;font-family:var(--font-heading);font-size:.9rem;font-weight:600;margin-top:14px;padding:8px;text-decoration:none;transition:color .3s ease;width:100%}.forgot-password:hover{color:var(--ocean-700);text-decoration:underline}@media (max-width:768px){.login-container{flex-direction:column;min-height:auto}.login-image{padding:40px 30px}.login-image h1{font-size:1.8rem}.login-form{padding:36px 28px}}.fish-details-page{font-family:var(--font-body);min-height:100vh;width:100%}.video-bg-container{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.video-bg{height:100%;object-fit:cover;width:100%}.video-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(180deg,#0a193280,#0a1932b3);height:100%;left:0;position:absolute;top:0;width:100%}.content-wrapper{margin:0 auto;max-width:950px;padding:120px 2rem 4rem;position:relative;z-index:1}.search-container{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff14;border:1px solid #ffffff26;border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000026;color:#fff;margin-bottom:40px;padding:40px;text-align:center}.fish-badge{background:#ffffff1f;border:1px solid #fff3;border-radius:var(--radius-full);display:inline-block;font-family:var(--font-heading);font-size:.85rem;font-weight:600;letter-spacing:.3px;margin-bottom:16px;padding:6px 18px}.search-container h1{font-family:var(--font-heading);font-size:3rem;font-weight:800;letter-spacing:-.5px;margin-bottom:10px;text-shadow:0 3px 15px #00000040}.search-container .subtitle{color:#fffc;font-size:1.15rem;line-height:1.6;margin-bottom:28px;margin-left:auto;margin-right:auto;max-width:500px}.suggested-searches{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:24px}.suggested-label{color:#ffffff80;font-family:var(--font-heading);font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.suggested-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.suggested-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-full);color:#ffffffd9;cursor:pointer;font-family:var(--font-heading);font-size:.85rem;font-weight:600;padding:8px 18px;transition:all .3s var(--ease-out)}.suggested-tag:hover{background:#00b4d84d;border-color:var(--teal-400);color:#fff;transform:translateY(-2px)}.input-group{display:flex;gap:12px;margin:0 auto;max-width:650px}.input-group input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0003;border:1px solid #fff3;border-radius:var(--radius-full);color:#fff;flex-grow:1;font-family:var(--font-body);font-size:1rem;outline:none;padding:16px 24px;transition:all .3s ease}.input-group input::placeholder{color:#ffffff80}.input-group input:focus{background:#00000059;border-color:var(--teal-400);box-shadow:0 0 0 3px #00b4d840}.input-group button{align-items:center;background:linear-gradient(135deg,var(--teal-400),var(--ocean-500));border:none;border-radius:var(--radius-full);box-shadow:0 4px 15px #00b4d84d;color:#fff;cursor:pointer;display:flex;font-family:var(--font-heading);font-size:1rem;font-weight:700;justify-content:center;min-width:130px;padding:0 32px;transition:all .3s var(--ease-out)}.input-group button:hover:not(:disabled){box-shadow:0 6px 20px #00b4d866;filter:brightness(1.08);transform:translateY(-2px)}.input-group button:disabled{background:#ffffff26;box-shadow:none;color:#fff6;cursor:not-allowed;transform:none}.loader-small{animation:fishSpin .7s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:22px;width:22px}.loader-large{animation:fishSpin .8s linear infinite;border:4px solid #ffffff26;border-radius:50%;border-top:4px solid var(--teal-400);height:52px;margin:40px auto;width:52px}@keyframes fishSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message,.no-results{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff26;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001a;color:#fff;font-family:var(--font-heading);font-weight:600;padding:24px;text-align:center}.error-message{background:#ef444440;border-color:#ef44444d}.results-container{grid-gap:36px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff14;border:1px solid #ffffff26;border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000026;color:#fff;display:grid;gap:36px;grid-template-columns:1fr 1.5fr;padding:36px;text-align:left}.animate-fade-in{animation:fishFadeIn .8s var(--ease-out)}@keyframes fishFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-image img{aspect-ratio:4/3;border:1px solid #ffffff26;border-radius:var(--radius-lg);box-shadow:0 10px 30px #00000040;height:auto;object-fit:cover;width:100%}.result-details h2{border-bottom:1px solid #fff3;color:#fff;font-family:var(--font-heading);font-size:2rem;font-weight:800;letter-spacing:-.3px;margin-bottom:18px;margin-top:0;padding-bottom:12px;text-transform:capitalize}.result-details li,.result-details p{color:#ffffffd9;font-size:.95rem;line-height:1.8;margin-bottom:.8rem}.result-details ul{margin-bottom:1rem;padding-left:20px}.result-details strong{color:#fff;font-weight:700}@media (max-width:768px){.content-wrapper{padding:100px 1rem 2rem}.search-container{padding:28px 20px}.search-container h1{font-size:2rem}.input-group{flex-direction:column}.input-group button{min-width:auto;padding:16px}.results-container{grid-template-columns:1fr}.suggested-tag{font-size:.8rem;padding:6px 14px}}#root,body,html{background:#0000!important}.quiz-toast{align-items:center;animation:toastIn .4s var(--ease-out);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:#fff;display:flex;font-family:var(--font-heading);font-size:.9rem;font-weight:600;gap:10px;left:50%;padding:14px 28px;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}.quiz-toast.success{background:var(--success)}.quiz-toast.error{background:var(--error)}.quiz-toast.warning{background:var(--warning);color:var(--gray-900)}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.quiz-page{background:linear-gradient(135deg,var(--ocean-50) 0,#e8f4f8 50%,var(--bg-warm) 100%);min-height:100vh;padding:100px 20px 60px}.quiz-container{margin:0 auto;max-width:780px}.quiz-header{margin-bottom:32px;text-align:center}.quiz-badge{background:var(--ocean-50);border:1px solid var(--ocean-100);border-radius:var(--radius-full);color:var(--ocean-600);display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:16px;padding:6px 18px}.quiz-badge,.quiz-header h1{font-family:var(--font-heading)}.quiz-header h1{color:var(--gray-900);font-size:2.4rem;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.quiz-subtitle{color:var(--gray-500);font-size:1.05rem}.quiz-progress{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:28px;padding:18px 24px}.progress-info{color:var(--gray-500);display:flex;font-family:var(--font-heading);font-size:.85rem;font-weight:600;justify-content:space-between;margin-bottom:10px}.progress-bar{background:var(--gray-100);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--ocean-500),var(--teal-400));border-radius:4px;height:100%;transition:width .5s var(--ease-out)}.quiz-loading{padding:60px 0;text-align:center}.quiz-spinner{animation:spin .8s linear infinite;border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--ocean-500);height:48px;margin:0 auto 20px;width:48px}.quiz-empty p,.quiz-loading p{color:var(--gray-500);font-family:var(--font-heading);font-weight:500}.quiz-empty{padding:60px 0;text-align:center}.empty-icon{display:block;font-size:3rem;margin-bottom:16px}.quiz-question{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:28px;position:relative;transition:all .3s var(--ease-out)}.quiz-question:hover{box-shadow:var(--shadow-md)}.quiz-question.correct-card{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#86efac}.quiz-question.incorrect-card{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#fca5a5}.question-number{background:var(--ocean-50);border-radius:var(--radius-sm);color:var(--ocean-600);display:inline-block;font-family:var(--font-heading);font-size:.8rem;font-weight:700;margin-bottom:12px;padding:4px 12px}.quiz-question h2{color:var(--gray-800);font-family:var(--font-heading);font-size:1.15rem;font-weight:600;line-height:1.5;margin:0 0 18px}.quiz-options{display:flex;flex-direction:column;gap:10px}.option-label{align-items:center;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;display:flex;font-weight:500;gap:14px;padding:14px 18px;transition:all .25s var(--ease-out)}.option-label:hover{background:var(--ocean-50);border-color:var(--ocean-300)}.option-label.selected{background:var(--ocean-50);border-color:var(--ocean-500);color:var(--ocean-700);font-weight:600}.option-label.correct-option{background:#f0fdf4;border-color:var(--success);color:#166534}.option-label.wrong-option{background:#fef2f2;border-color:var(--error);color:#991b1b}.option-label input[type=radio]{display:none}.option-radio{border:2px solid var(--gray-300);border-radius:50%;flex-shrink:0;height:20px;position:relative;transition:all .25s ease;width:20px}.option-label.selected .option-radio{border-color:var(--ocean-500)}.option-label.selected .option-radio:after{background:var(--ocean-500);border-radius:50%;content:"";height:10px;left:3px;position:absolute;top:3px;width:10px}.option-text{flex:1 1}.result-badge{border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:.9rem;font-weight:600;margin-top:14px;padding:10px 16px}.result-badge.correct{background:#dcfce7;color:#166534}.result-badge.incorrect{background:#fee2e2;color:#991b1b}.submit-quiz-btn{background:linear-gradient(135deg,var(--ocean-500),var(--teal-400));border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:block;font-family:var(--font-heading);font-size:1.05rem;font-weight:700;margin-top:8px;padding:18px;transition:all .3s var(--ease-out);width:100%}.submit-quiz-btn:hover:not(:disabled){box-shadow:0 8px 30px #0097b259;transform:translateY(-2px)}.submit-quiz-btn:disabled{background:var(--gray-300);cursor:not-allowed}.score-display{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-top:32px;padding:40px;text-align:center}.score-circle{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:16px}.score-value{color:var(--ocean-500);font-size:4rem;font-weight:800;line-height:1}.score-total,.score-value{font-family:var(--font-heading)}.score-total{color:var(--gray-400);font-size:1.5rem;font-weight:600}.score-display h3{color:var(--gray-900);font-family:var(--font-heading);font-size:1.6rem;font-weight:700;margin:0 0 8px}.score-display>p{color:var(--gray-500);font-size:1rem;margin-bottom:28px}.certificate-section{border-top:1px solid var(--gray-200);padding-top:24px}.certificate-section h4{color:var(--gray-800);font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:16px}.certificate-form{display:flex;gap:12px;margin:0 auto;max-width:450px}.certificate-input{border:2px solid var(--gray-200);border-radius:var(--radius-md);flex:1 1;font-family:var(--font-body);font-size:.95rem;outline:none;padding:14px 18px;transition:border-color .3s ease}.certificate-input:focus{border-color:var(--ocean-400);box-shadow:0 0 0 3px #00b4d81f}.certificate-btn{background:linear-gradient(135deg,var(--ocean-500),var(--teal-400));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-heading);font-size:.9rem;font-weight:700;padding:14px 24px;transition:all .3s var(--ease-out);white-space:nowrap}.certificate-btn:hover{box-shadow:0 6px 20px #0097b24d;transform:translateY(-2px)}.certificate-success{background:#dcfce7;border-radius:var(--radius-md);color:#166534;font-family:var(--font-heading);font-size:.95rem;font-weight:600;margin-top:16px;padding:14px 20px}@media (max-width:768px){.quiz-page{padding:80px 12px 40px}.quiz-header h1{font-size:1.8rem}.quiz-question{padding:20px}.certificate-form{flex-direction:column}}.cert-overlay{align-items:center;animation:certFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#001428bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}@keyframes certFadeIn{0%{opacity:0}to{opacity:1}}.cert-overlay-card{animation:certSlideUp .4s var(--ease-spring);background:#fff;border-radius:var(--radius-xl);box-shadow:0 24px 60px #0003;max-width:420px;padding:48px 40px;text-align:center;width:90%}@keyframes certSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cert-spinner{animation:certSpin .8s linear infinite;border-top:4px solid var(--gray-200);border:4px solid var(--gray-200);border-radius:50%;border-right:4px solid var(--teal-400);border-top-color:var(--ocean-500);height:56px;margin:0 auto 24px;width:56px}@keyframes certSpin{to{transform:rotate(1turn)}}.cert-overlay-card h3{color:var(--gray-900);font-family:var(--font-heading);font-size:1.35rem;font-weight:800;margin:0 0 10px}.cert-overlay-card p{color:var(--gray-500);font-size:.9rem;line-height:1.6;margin:0 0 24px}.cert-progress{background:var(--gray-100);border-radius:var(--radius-full);height:6px;margin-bottom:16px;overflow:hidden;width:100%}.cert-progress-bar{animation:certProgress 2s ease-in-out infinite;background:linear-gradient(90deg,var(--teal-400),var(--ocean-500));border-radius:var(--radius-full);height:100%;width:30%}@keyframes certProgress{0%{margin-left:0;width:10%}50%{margin-left:20%;width:60%}to{margin-left:90%;width:10%}}.cert-hint{color:var(--gray-400);font-family:var(--font-heading);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.certificate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.forum-toast{align-items:center;animation:forumToastIn .4s var(--ease-out);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:#fff;display:flex;font-family:var(--font-heading);font-size:.9rem;font-weight:600;gap:10px;left:50%;padding:14px 28px;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}.forum-toast.success{background:var(--success)}.forum-toast.error{background:var(--error)}.forum-toast.warning{background:var(--warning);color:var(--gray-900)}.forum-toast.info{background:var(--ocean-500)}@keyframes forumToastIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.forum-page{background:linear-gradient(135deg,var(--ocean-50) 0,#e8f4f8 50%,var(--bg-warm) 100%);min-height:100vh;padding:100px 20px 60px}.forum-container{margin:0 auto;max-width:820px}.forum-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.forum-badge{background:var(--ocean-50);border:1px solid var(--ocean-100);border-radius:var(--radius-full);color:var(--ocean-600);display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:10px;padding:6px 18px}.forum-badge,.forum-header h1{font-family:var(--font-heading)}.forum-header h1{color:var(--gray-900);font-size:2.4rem;font-weight:800;letter-spacing:-.5px;margin:0 0 6px}.forum-subtitle{color:var(--gray-500);font-size:1rem;margin:0}.new-post-btn{background:linear-gradient(135deg,var(--ocean-500),var(--teal-400));border:none;border-radius:var(--radius-full);box-shadow:0 4px 15px #0097b24d;color:#fff;cursor:pointer;flex-shrink:0;font-family:var(--font-heading);font-size:.9rem;font-weight:700;padding:12px 24px;transition:all .3s var(--ease-out);white-space:nowrap}.new-post-btn:hover{box-shadow:0 6px 20px #0097b266;transform:translateY(-2px)}.forum-loading{padding:60px 0;text-align:center}.forum-spinner{animation:spin .8s linear infinite;border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--ocean-500);height:48px;margin:0 auto 20px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.forum-loading p{color:var(--gray-500);font-family:var(--font-heading);font-weight:500}.forum-empty{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:60px 20px;text-align:center}.forum-empty .empty-icon{display:block;font-size:3.5rem;margin-bottom:16px}.forum-empty h3{color:var(--gray-800);font-family:var(--font-heading);font-size:1.4rem;font-weight:700;margin:0 0 8px}.forum-empty p{color:var(--gray-400);font-size:1rem}.posts-list{display:flex;flex-direction:column;gap:16px}.post-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:24px;position:relative;transition:all .3s var(--ease-out)}.post-card:hover{border-color:var(--ocean-100);box-shadow:var(--shadow-md)}.post-avatar{align-items:center;background:linear-gradient(135deg,var(--teal-400),var(--ocean-500));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;height:44px;justify-content:center;width:44px}.post-body{flex:1 1;min-width:0}.post-meta{align-items:center;display:flex;gap:12px;margin-bottom:6px}.post-author{color:var(--gray-800);font-family:var(--font-heading);font-size:.9rem;font-weight:700}.post-date{color:var(--gray-400);font-size:.8rem}.post-title{color:var(--gray-900);font-family:var(--font-heading);font-size:1.15rem;font-weight:700;margin:0 0 6px}.post-content{color:var(--gray-500);font-size:.95rem;line-height:1.6;margin:0}.delete-button{align-self:flex-start;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1.1rem;opacity:0;padding:8px;transition:all .2s ease}.post-card:hover .delete-button{opacity:1}.delete-button:hover{background:#fef2f2}.create-form-card{animation:formSlideIn .4s var(--ease-out);background:#fff;border:1px solid var(--ocean-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:28px;padding:32px}@keyframes formSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.create-form-card h2{color:var(--gray-900);font-family:var(--font-heading);font-size:1.3rem;font-weight:700;margin:0 0 24px}.form-group{margin-bottom:18px}.form-group label{color:var(--gray-600);display:block;font-family:var(--font-heading);font-size:.85rem;font-weight:600;margin-bottom:6px}.form-group input,.form-group textarea{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-800);font-family:var(--font-body);font-size:.95rem;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:var(--ocean-400);box-shadow:0 0 0 3px #00b4d81a}.form-group textarea{min-height:120px;resize:vertical}.char-count{color:var(--gray-400);display:block;font-size:.8rem;margin-top:6px;text-align:right}.char-count,.submit-post-btn{font-family:var(--font-heading)}.submit-post-btn{background:linear-gradient(135deg,var(--ocean-500),var(--teal-400));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:15px;transition:all .3s var(--ease-out);width:100%}.submit-post-btn:hover:not(:disabled){box-shadow:0 8px 25px #0097b24d;transform:translateY(-2px)}.submit-post-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.forum-page{padding:80px 12px 40px}.forum-header{flex-direction:column}.forum-header h1{font-size:1.8rem}.new-post-btn{text-align:center;width:100%}.post-card{flex-direction:column}.post-avatar{font-size:.9rem;height:36px;width:36px}.delete-button{opacity:1;position:absolute;right:12px;top:12px}}.programs-toast{align-items:center;animation:progToastIn .4s var(--ease-out);background:var(--success);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:#fff;display:flex;font-family:var(--font-heading);font-size:.9rem;font-weight:600;gap:10px;left:50%;padding:14px 28px;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}@keyframes progToastIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.programs-page{background:linear-gradient(135deg,var(--ocean-50) 0,#e8f4f8 50%,var(--bg-warm) 100%);min-height:100vh;padding:100px 20px 60px}.programs-container{margin:0 auto;max-width:var(--container-max)}.programs-header{margin-bottom:40px;text-align:center}.programs-badge{background:var(--ocean-50);border:1px solid var(--ocean-100);border-radius:var(--radius-full);color:var(--ocean-600);display:inline-block;font-family:var(--font-heading);font-size:.85rem;font-weight:600;margin-bottom:16px;padding:6px 18px}.programs-header h1{color:var(--gray-900);font-family:var(--font-heading);font-size:2.6rem;font-weight:800;letter-spacing:-.5px;margin:0 0 10px}.programs-subtitle{color:var(--gray-500);font-size:1.05rem;line-height:1.6;margin:0 auto;max-width:600px}.programs-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.program-card{background:#fff;border:1px solid var(--gray-200);border-left:5px solid var(--accent,var(--ocean-500));border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:32px;transition:all .35s var(--ease-out)}.program-card:hover{border-color:var(--ocean-100);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.program-icon{align-items:center;background:var(--gray-50);border-radius:var(--radius-md);display:flex;font-size:2.5rem;height:56px;justify-content:center;margin-bottom:16px;width:56px}.program-title{color:var(--gray-900);font-family:var(--font-heading);font-size:1.3rem;font-weight:700;margin:0 0 12px}.program-description{color:var(--gray-500);flex-grow:1;font-size:.95rem;line-height:1.7;margin-bottom:20px}.apply-btn{align-self:flex-start;background:linear-gradient(135deg,var(--ocean-500),var(--teal-400));border:none;border-radius:var(--radius-full);box-shadow:0 4px 15px #0097b240;color:#fff;cursor:pointer;font-family:var(--font-heading);font-size:.9rem;font-weight:700;padding:12px 28px;transition:all .3s var(--ease-out)}.apply-btn:hover:not(:disabled){box-shadow:0 6px 20px #0097b259;filter:brightness(1.06);transform:translateY(-2px)}.apply-btn.applied{background:var(--success);box-shadow:0 4px 15px #22c55e40;cursor:default}.apply-btn:disabled{cursor:default}@media (max-width:768px){.programs-page{padding:80px 12px 40px}.programs-header h1{font-size:2rem}.programs-grid{grid-template-columns:1fr}.program-card:hover{transform:none}}.chatbot-bubble{align-items:center;background:linear-gradient(135deg,var(--ocean-500),var(--teal-400));border:none;border-radius:50%;bottom:28px;box-shadow:0 6px 25px #0097b266;cursor:pointer;display:flex;height:64px;justify-content:center;position:fixed;right:28px;transition:all .3s var(--ease-out);width:64px;z-index:9998}.chatbot-bubble:hover{box-shadow:0 8px 30px #0097b280;transform:scale(1.1)}.chatbot-bubble.hidden{opacity:0;pointer-events:none;transform:scale(0)}.bubble-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.8rem}.bubble-pulse{animation:bubblePulse 2s ease-in-out infinite;border:2px solid var(--teal-400);border-radius:50%;inset:-4px;position:absolute}@keyframes bubblePulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.2)}}.bubble-badge{align-items:center;background:var(--coral-400);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-family:var(--font-heading);font-size:.75rem;font-weight:700;height:22px;justify-content:center;position:absolute;right:-4px;top:-4px;width:22px}.chatbot-window{background:#fff;border-radius:var(--radius-xl);bottom:28px;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d;display:flex;flex-direction:column;height:600px;max-height:80vh;opacity:0;overflow:hidden;pointer-events:none;position:fixed;right:28px;transform:scale(0) translateY(20px);transform-origin:bottom right;transition:all .35s var(--ease-spring);width:400px;z-index:9999}.chatbot-window.open{opacity:1;pointer-events:all;transform:scale(1) translateY(0)}.chatbot-header{align-items:center;background:linear-gradient(135deg,var(--ocean-600),var(--teal-500));color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.chatbot-header-info{align-items:center;display:flex;gap:12px}.chatbot-avatar-header{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:1.3rem;height:40px;justify-content:center;width:40px}.chatbot-header h3{font-family:var(--font-heading);font-size:1rem;font-weight:700;margin:0}.chatbot-status{align-items:center;color:#fffc;display:flex;font-size:.75rem;gap:6px}.status-dot{background:#4ade80;border-radius:50%;box-shadow:0 0 6px #4ade80;height:7px;width:7px}.chatbot-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:background .2s;width:32px}.chatbot-close:hover{background:#ffffff4d}.chatbot-messages{background:var(--gray-50);display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:20px 16px}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.chat-message{animation:msgIn .3s var(--ease-out);display:flex;gap:8px;max-width:88%}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{align-items:center;background:linear-gradient(135deg,var(--ocean-100),var(--ocean-200));border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;height:30px;justify-content:center;margin-top:2px;width:30px}.msg-bubble{word-wrap:break-word;border-radius:var(--radius-md);font-size:.9rem;line-height:1.6;padding:12px 16px}.chat-message.assistant .msg-bubble{background:#fff;border:1px solid var(--gray-200);border-top-left-radius:4px;color:var(--gray-700)}.chat-message.user .msg-bubble{background:linear-gradient(135deg,var(--ocean-500),var(--teal-400));border-top-right-radius:4px;color:#fff}.msg-bubble strong{color:var(--gray-900);font-weight:700}.chat-message.user .msg-bubble strong{color:#fff}.msg-bubble ul{margin:6px 0;padding-left:16px}.msg-bubble li{margin-bottom:4px}.msg-bubble.typing{align-items:center;display:flex;gap:4px;padding:14px 20px}.typing-dot{animation:typingBounce 1.4s ease-in-out infinite;background:var(--gray-400);border-radius:50%;height:8px;width:8px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.quick-prompts{background:var(--gray-50);border-top:1px solid var(--gray-100);display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px 4px}.quick-prompt{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;display:flex;font-family:var(--font-heading);font-size:.78rem;font-weight:600;gap:4px;padding:6px 14px;transition:all .2s ease}.quick-prompt:hover{background:var(--ocean-50);border-color:var(--ocean-300);color:var(--ocean-600)}.chatbot-input-area{background:#fff;border-top:1px solid var(--gray-200);display:flex;gap:8px;padding:14px 16px}.chatbot-input-area input{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-full);flex:1 1;font-family:var(--font-body);font-size:.9rem;outline:none;padding:12px 16px;transition:border-color .3s ease}.chatbot-input-area input:focus{background:#fff;border-color:var(--ocean-400)}.chatbot-input-area input::placeholder{color:var(--gray-400)}.send-btn{align-items:center;background:linear-gradient(135deg,var(--ocean-500),var(--teal-400));border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:44px;justify-content:center;transition:all .3s var(--ease-out);width:44px}.send-btn:hover:not(:disabled){box-shadow:0 4px 15px #0097b24d;transform:scale(1.08)}.send-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:480px){.chatbot-window{border-radius:0;bottom:0;height:100%;max-height:100vh;right:0;width:100%}.chatbot-bubble{bottom:20px;height:56px;right:20px;width:56px}.bubble-icon{font-size:1.5rem}}.report-page{background:linear-gradient(135deg,var(--ocean-50) 0,#e8f4f8 50%,var(--bg-warm) 100%);min-height:100vh;padding:100px 20px 60px}.report-container{margin:0 auto;max-width:900px}.report-header{margin-bottom:36px;text-align:center}.report-badge{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-full);color:var(--error);display:inline-block;font-family:var(--font-heading);font-size:.85rem;font-weight:600;margin-bottom:16px;padding:6px 18px}.report-header h1{color:var(--gray-900);font-family:var(--font-heading);font-size:2.6rem;font-weight:800;letter-spacing:-.5px;margin:0 0 10px}.report-subtitle{color:var(--gray-500);font-size:1.05rem;line-height:1.6;margin:0 auto;max-width:550px}.category-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:32px}.category-card{background:#fff;border:1px solid var(--gray-200);border-left:5px solid var(--cat-color);border-radius:var(--radius-lg);cursor:pointer;padding:24px;position:relative;transition:all .3s var(--ease-out)}.category-card:hover{border-color:var(--cat-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.category-icon{font-size:2rem;margin-bottom:12px}.category-card h3{color:var(--gray-900);font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin:0 0 6px}.category-card p{color:var(--gray-500);font-size:.88rem;line-height:1.5;margin:0}.category-arrow{color:var(--gray-300);font-size:1.2rem;position:absolute;right:20px;top:24px;transition:all .3s ease}.category-card:hover .category-arrow{color:var(--cat-color);transform:translateX(4px)}.emergency-banner{background:linear-gradient(135deg,#fef2f2,#fff1f2);border:1px solid #fecaca;border-radius:var(--radius-xl);padding:32px;text-align:center}.emergency-banner h3{color:var(--gray-900);font-family:var(--font-heading);font-size:1.3rem;font-weight:700;margin:0 0 8px}.emergency-banner>p{color:var(--gray-500);font-size:.95rem;margin-bottom:20px}.emergency-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.emergency-btn{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-700);font-family:var(--font-heading);font-size:.9rem;font-weight:700;padding:12px 24px;text-decoration:none;transition:all .3s var(--ease-out)}.emergency-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.emergency-btn.primary-emergency{background:var(--error);border-color:#0000;color:#fff}.emergency-btn.primary-emergency:hover{box-shadow:0 6px 20px #ef44444d}.report-form-section{animation:formFadeIn .4s var(--ease-out)}@keyframes formFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.back-btn{background:none;border:none;color:var(--ocean-500);cursor:pointer;font-family:var(--font-heading);font-size:.9rem;font-weight:600;margin-bottom:20px;padding:0;transition:color .2s}.back-btn:hover{color:var(--ocean-700)}.selected-category-header{align-items:center;background:#fff;border-left:5px solid var(--cat-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:16px;margin-bottom:20px;padding:24px}.selected-icon{font-size:2.5rem}.selected-category-header h2{color:var(--gray-900);font-family:var(--font-heading);font-size:1.4rem;font-weight:700;margin:0 0 4px}.selected-category-header p{color:var(--gray-500);font-size:.9rem;margin:0}.rescue-steps{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-lg);margin-bottom:20px;padding:24px}.rescue-steps h3{color:var(--gray-900);font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin:0 0 14px}.rescue-steps ol{margin:0;padding-left:22px}.rescue-steps li{color:var(--gray-600);font-size:.95rem;line-height:1.5;padding:6px 0}.category-contacts{margin-bottom:24px}.category-contacts h3{color:var(--gray-900);font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin:0 0 12px}.contact-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.contact-card{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);display:flex;font-family:var(--font-heading);font-size:.9rem;font-weight:600;gap:10px;padding:14px 18px;text-decoration:none;transition:all .3s ease}.contact-card:hover{background:var(--ocean-50);border-color:var(--ocean-300);box-shadow:var(--shadow-sm);color:var(--ocean-600);transform:translateY(-2px)}.contact-icon{font-size:1.2rem}.report-form{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:32px}.report-form h3{color:var(--gray-900);font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin:0 0 4px}.form-note{color:var(--gray-400);font-size:.9rem;margin-bottom:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.report-form .form-group{margin-bottom:16px}.report-form label{color:var(--gray-600);display:block;font-family:var(--font-heading);font-size:.85rem;font-weight:600;margin-bottom:6px}.report-form input,.report-form select,.report-form textarea{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-800);font-family:var(--font-body);font-size:.95rem;outline:none;padding:13px 16px;transition:all .3s ease;width:100%}.report-form input:focus,.report-form select:focus,.report-form textarea:focus{background:#fff;border-color:var(--ocean-400);box-shadow:0 0 0 3px #00b4d81a}.report-form textarea{min-height:120px;resize:vertical}.submit-report-btn{background:linear-gradient(135deg,var(--error),#dc2626);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-heading);font-size:1rem;font-weight:700;margin-top:4px;padding:16px;transition:all .3s var(--ease-out);width:100%}.submit-report-btn:hover{box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}.report-success{animation:formFadeIn .5s var(--ease-out);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:48px 32px;text-align:center}.success-icon{font-size:3.5rem;margin-bottom:16px}.report-success h2{color:var(--gray-900);font-family:var(--font-heading);font-size:1.8rem;font-weight:800;margin:0 0 8px}.report-success>p{color:var(--gray-500);font-size:1rem;margin-bottom:28px}.success-actions{background:var(--ocean-50);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px;text-align:left}.success-actions h3{color:var(--gray-900);font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin:0 0 8px}.success-actions>p{color:var(--gray-500);font-size:.9rem;margin-bottom:14px}.emergency-numbers-inline{display:flex;flex-wrap:wrap;gap:8px}.emergency-call-btn{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-700);font-family:var(--font-heading);font-size:.85rem;font-weight:600;padding:10px 18px;text-decoration:none;transition:all .2s}.emergency-call-btn:hover{background:var(--ocean-50);border-color:var(--ocean-300)}.report-new-btn{background:linear-gradient(135deg,var(--ocean-500),var(--teal-400));border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-family:var(--font-heading);font-size:.95rem;font-weight:700;padding:14px 32px;transition:all .3s var(--ease-out)}.report-new-btn:hover{box-shadow:0 6px 20px #0097b24d;transform:translateY(-2px)}@media (max-width:768px){.report-page{padding:80px 12px 40px}.report-header h1{font-size:2rem}.category-grid,.form-row{grid-template-columns:1fr}.emergency-buttons{align-items:center;flex-direction:column}.contact-list{grid-template-columns:1fr}}.report-toast{animation:toastSlide .4s var(--ease-out);background:#fff;border-left:4px solid #22c55e;border-radius:var(--radius-full);box-shadow:0 8px 30px #0000001f;color:var(--gray-800);font-family:var(--font-heading);font-size:.9rem;font-weight:600;left:50%;padding:14px 28px;position:fixed;top:80px;transform:translateX(-50%);z-index:9999}.report-toast.error{border-left-color:var(--error)}@keyframes toastSlide{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.saved-confirmation{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius-full);color:#059669;display:inline-flex;font-family:var(--font-heading);font-size:.82rem;font-weight:600;gap:8px;margin-bottom:24px;padding:10px 20px}.submit-report-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.recent-reports-section{margin-top:28px}.toggle-reports-btn{background:none;border:none;color:var(--ocean-500);cursor:pointer;font-family:var(--font-heading);font-size:.95rem;font-weight:700;margin-bottom:14px;padding:0;transition:color .2s}.toggle-reports-btn:hover{color:var(--ocean-700)}.reports-list{animation:formFadeIn .3s var(--ease-out);display:flex;flex-direction:column;gap:10px}.no-reports{color:var(--gray-400);font-size:.9rem;padding:20px;text-align:center}.report-item{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:16px 20px;transition:all .2s ease}.report-item:hover{border-color:var(--ocean-200);box-shadow:var(--shadow-sm)}.report-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.report-item-category{color:var(--gray-800);font-family:var(--font-heading);font-size:.9rem;font-weight:700}.report-item-urgency{font-family:var(--font-heading);font-size:.78rem;font-weight:600}.report-item-desc{color:var(--gray-500);font-size:.88rem;line-height:1.5;margin:0 0 8px}.report-item-meta{color:var(--gray-400);display:flex;flex-wrap:wrap;font-family:var(--font-heading);font-size:.78rem;font-weight:600;gap:16px}.status-badge{border-radius:var(--radius-full);font-size:.7rem;padding:2px 10px;text-transform:capitalize}.status-pending{background:#fef3c7;color:#d97706}.status-resolved{background:#d1fae5;color:#059669}.emergency-page{background:linear-gradient(135deg,var(--ocean-50) 0,#e8f4f8 50%,var(--bg-warm) 100%);min-height:100vh;padding:100px 20px 60px}.emergency-container{margin:0 auto;max-width:1000px}.emergency-header{margin-bottom:32px;text-align:center}.emergency-badge{background:var(--ocean-50);border:1px solid var(--ocean-100);border-radius:var(--radius-full);color:var(--ocean-600);display:inline-block;font-family:var(--font-heading);font-size:.85rem;font-weight:600;margin-bottom:16px;padding:6px 18px}.emergency-header h1{color:var(--gray-900);font-family:var(--font-heading);font-size:2.6rem;font-weight:800;letter-spacing:-.5px;margin:0 0 10px}.emergency-subtitle{color:var(--gray-500);font-size:1.05rem;line-height:1.6;margin:0 auto 24px;max-width:550px}.emergency-search{margin:0 auto;max-width:450px;position:relative}.search-icon-em{font-size:1rem;left:18px;position:absolute;top:50%;transform:translateY(-50%)}.emergency-search input{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-full);font-family:var(--font-body);font-size:.95rem;outline:none;padding:14px 18px 14px 48px;transition:all .3s ease;width:100%}.emergency-search input:focus{border-color:var(--ocean-400);box-shadow:0 0 0 3px #00b4d81a}.sos-banner{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:var(--radius-xl);box-shadow:0 8px 30px #ef444440;display:flex;gap:24px;justify-content:space-between;margin-bottom:40px;padding:32px}.sos-content h2{color:#fff;font-family:var(--font-heading);font-size:1.5rem;font-weight:800;margin:0 0 4px}.sos-content p{color:#ffffffd9;font-size:.95rem;margin:0}.sos-buttons{display:flex;flex-shrink:0;gap:12px}.sos-call{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-lg);color:#fff;display:flex;flex-direction:column;min-width:100px;padding:14px 22px;text-decoration:none;transition:all .3s var(--ease-out)}.sos-call:hover{background:#ffffff4d;transform:translateY(-3px)}.sos-number{font-size:1.6rem;font-weight:800;line-height:1}.sos-label,.sos-number{font-family:var(--font-heading)}.sos-label{font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-top:4px;opacity:.85;text-transform:uppercase}.resource-category{margin-bottom:32px}.category-title{align-items:center;color:var(--gray-900);display:flex;font-family:var(--font-heading);font-size:1.3rem;font-weight:700;gap:8px;margin:0 0 16px}.resource-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.resource-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:20px;text-decoration:none;transition:all .3s var(--ease-out)}.resource-card:hover{border-color:var(--ocean-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.resource-card.priority{border-left:4px solid var(--error)}.resource-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.resource-card h3{color:var(--gray-900);font-size:1rem;margin:0}.priority-badge,.resource-card h3{font-family:var(--font-heading);font-weight:700}.priority-badge{background:#fef2f2;border-radius:var(--radius-full);color:var(--error);flex-shrink:0;font-size:.7rem;padding:2px 10px}.resource-desc{color:var(--gray-500);flex-grow:1;font-size:.85rem;line-height:1.5;margin:0 0 12px}.resource-number{align-items:center;background:var(--ocean-50);border-radius:var(--radius-sm);color:var(--ocean-600);display:flex;font-family:var(--font-heading);font-size:.95rem;font-weight:700;gap:8px;padding:8px 14px}.no-results-em{color:var(--gray-500);padding:48px 20px;text-align:center}.no-results-em span{display:block;font-size:2.5rem;margin-bottom:12px}@media (max-width:768px){.emergency-page{padding:80px 12px 40px}.emergency-header h1{font-size:2rem}.sos-banner{flex-direction:column;text-align:center}.sos-buttons{flex-direction:column;width:100%}.sos-call{flex-direction:row;gap:10px;justify-content:center;min-width:auto}.resource-grid{grid-template-columns:1fr}}.dashboard-page{background:linear-gradient(135deg,var(--ocean-50) 0,#e8f4f8 50%,var(--bg-warm) 100%);min-height:100vh;padding:100px 20px 60px}.dashboard-container{margin:0 auto;max-width:1100px}.dashboard-header{margin-bottom:36px;text-align:center}.dashboard-badge{background:var(--ocean-50);border:1px solid var(--ocean-100);border-radius:var(--radius-full);color:var(--ocean-600);display:inline-block;font-family:var(--font-heading);font-size:.85rem;font-weight:600;margin-bottom:16px;padding:6px 18px}.dashboard-header h1{color:var(--gray-900);font-family:var(--font-heading);font-size:2.6rem;font-weight:800;letter-spacing:-.5px;margin:0 0 10px}.dashboard-subtitle{color:var(--gray-500);font-size:1.05rem;line-height:1.6;margin:0 auto;max-width:600px}.section-title-dash{color:var(--gray-900);font-family:var(--font-heading);font-size:1.4rem;font-weight:700;margin:0 0 20px}.live-tag{animation:livePulse 2s infinite;color:#22c55e;font-size:.7rem;font-weight:700;vertical-align:middle}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.ocean-stats-section{margin-bottom:40px}.ocean-stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ocean-stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;text-align:center;transition:all .3s var(--ease-out)}.ocean-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-icon{display:block;font-size:1.8rem;margin-bottom:8px}.stat-value{color:var(--ocean-600);font-size:1.5rem;font-weight:800;margin-bottom:2px}.stat-label,.stat-value{font-family:var(--font-heading)}.stat-label{color:var(--gray-600);font-size:.8rem;font-weight:600;margin-bottom:6px}.stat-detail{color:var(--gray-400);font-size:.72rem;line-height:1.4}.stat-source{background:var(--ocean-50);border-radius:var(--radius-full);color:var(--ocean-500);display:inline-block;font-family:var(--font-heading);font-size:.65rem;font-weight:600;margin-top:8px;padding:2px 10px}.weather-section{margin-bottom:40px}.city-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.city-tab{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;font-family:var(--font-heading);font-size:.85rem;font-weight:600;padding:8px 20px;transition:all .2s ease}.city-tab:hover{border-color:var(--ocean-300);color:var(--ocean-600)}.city-tab.active{background:linear-gradient(135deg,var(--ocean-500),var(--teal-400));border-color:#0000;color:#fff}.current-weather-card{grid-gap:24px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:32px}.weather-main{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.weather-emoji-large{display:block;font-size:4rem;margin-bottom:8px}.weather-temp{color:var(--gray-900);font-size:3.5rem;font-weight:800;line-height:1}.weather-condition,.weather-temp{font-family:var(--font-heading);margin-bottom:4px}.weather-condition{color:var(--ocean-500);font-size:1rem;font-weight:600}.weather-city{color:var(--gray-400);font-size:.85rem}.weather-details{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.weather-detail-item{background:var(--gray-50);border-radius:var(--radius-md);padding:16px;text-align:center}.detail-icon{display:block;font-size:1.3rem;margin-bottom:4px}.detail-label{color:var(--gray-400);font-size:.72rem;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.detail-label,.detail-value{display:block;font-family:var(--font-heading)}.detail-value{color:var(--gray-800);font-size:1.1rem;font-weight:700}.weather-loading{padding:60px 20px;text-align:center}.weather-spinner{animation:fishSpin .7s linear infinite;border-top:3px solid var(--gray-200);border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--ocean-500);height:40px;margin:0 auto 12px;width:40px}.weather-loading p{color:var(--gray-400);font-size:.9rem}.forecast-section h3{color:var(--gray-700);font-family:var(--font-heading);font-size:1rem;font-weight:700;margin:0 0 12px}.forecast-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.forecast-day{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:14px 8px;text-align:center;transition:all .2s ease}.forecast-day:hover{border-color:var(--ocean-300);box-shadow:var(--shadow-sm)}.forecast-date{color:var(--gray-500);font-family:var(--font-heading);font-size:.75rem;font-weight:700;margin-bottom:8px;text-transform:uppercase}.forecast-temp{align-items:center;display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.temp-high{color:var(--gray-800);font-family:var(--font-heading);font-size:1.1rem;font-weight:800}.temp-low{color:var(--gray-400);font-size:.85rem}.forecast-rain,.temp-low{font-family:var(--font-heading);font-weight:600}.forecast-rain{color:var(--ocean-500);font-size:.72rem}.forecast-wave{color:var(--gray-400);font-family:var(--font-heading);font-size:.7rem;font-weight:600;margin-top:2px}.tips-section{margin-bottom:40px}.tips-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tip-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:24px;transition:all .3s var(--ease-out)}.tip-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.tip-icon{font-size:2rem;margin-bottom:10px}.tip-card h3{color:var(--gray-900);font-family:var(--font-heading);font-size:1.05rem;font-weight:700;margin:0 0 6px}.tip-card p{color:var(--gray-500);font-size:.9rem;line-height:1.6;margin:0 0 14px}.tip-impact{align-items:center;background:#ecfdf5;border-radius:var(--radius-sm);color:#059669;display:flex;font-family:var(--font-heading);font-size:.8rem;font-weight:600;gap:6px;padding:8px 14px}.data-sources{padding:20px;text-align:center}.data-sources p{color:var(--gray-400);font-size:.78rem}@media (max-width:768px){.dashboard-page{padding:80px 12px 40px}.dashboard-header h1{font-size:2rem}.ocean-stats-grid{grid-template-columns:repeat(2,1fr)}.current-weather-card{grid-template-columns:1fr}.forecast-grid{grid-template-columns:repeat(3,1fr)}.tips-grid{grid-template-columns:1fr}.city-selector{gap:6px}.city-tab{font-size:.8rem;padding:6px 14px}}
/*# sourceMappingURL=main.7a3dcb4a.css.map*/