:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#003f7c}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2}button{font-family:inherit}button:focus,a:focus{outline:2px solid #0066cc;outline-offset:2px}:root{--primary-blue: #003F7C;--secondary-blue: #0066cc;--secondary-blue-dark: #005bbb;--accent-orange: #ff6b35;--accent-orange-dark: #e55a2b;--success-green: #28a745;--success-green-dark: #218838;--danger-red: #dc3545;--text-gray: #666;--background-light: #f8f9fa;--background-gray: #f0f0f0}*{margin:0;padding:0;box-sizing:border-box}#root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#333}.app{min-height:100vh;display:flex;flex-direction:column}.sii-logo{position:fixed;top:68px;left:2.2rem;width:160px;height:auto;z-index:2}.hero-background-container{position:fixed;top:0;left:0;width:100%;height:60vh;z-index:1;margin-top:40px}.hero-section{height:50vh;width:100%;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:8rem;z-index:2}.hero-title{color:var(--primary-blue)!important;margin-top:-4rem;font-size:2.5rem;margin-bottom:2rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-description p{font-size:1.1rem;color:#fff;margin-bottom:1rem;line-height:1.6;background:linear-gradient(135deg,#003f7c66,#06c6);padding:1rem;border-radius:16px;box-shadow:0 8px 30px #003f7c33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-base{background:#fff;border-radius:12px;box-shadow:0 4px 15px #003f7c1a;transition:transform .3s ease}.card-base:hover{transform:translateY(-4px)}.ocean{height:80px;width:100%;position:absolute;bottom:0;left:0;right:0;overflow-x:hidden}.wave{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C150,20 350,20 500,60 C650,100 850,100 1000,60 L1000,120 L0,120 Z' fill='%23003F7C'/%3E%3C/svg%3E");position:absolute;width:200%;height:100%;animation:wave 10s linear infinite;transform:translateZ(0);opacity:1;background-repeat:repeat-x;background-size:50% 100%;mask:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.6) 100%);-webkit-mask:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.6) 100%)}.wave:nth-of-type(2){bottom:0;animation:wave 18s linear reverse infinite;opacity:.7;animation-delay:-2s}.wave:nth-of-type(3){bottom:0;animation:wave 20s linear infinite;opacity:.5;animation-delay:-5s}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (min-width: 768px){.hero-section{padding:0 2rem}}@media (max-width: 425px){.hero-section{height:50vh;min-height:400px;padding:6rem .75rem 0}.discover,.cook,.about{padding:0 .75rem}.hero-content{padding:0 1rem}.hero-title{margin-top:-2rem;font-size:1.8rem;margin-bottom:.75rem}.ocean{height:60px}}@media (min-width: 768px){.hero-title{font-size:2.8rem}}@media (min-width: 1024px){.hero-title{font-size:3.5rem}}.mobile-logo-bar{display:flex;background:#fff;border-bottom:1px solid #ddd;padding:.2rem .75rem;align-items:center;justify-content:space-between;height:40px;box-sizing:border-box;position:sticky;top:0;z-index:1000}.mobile-logo-bar-left{display:flex;align-items:center;gap:.75rem}.mobile-logo-bar-left a{display:flex;align-items:center}.mobile-logo-bar-sii{height:28px;width:auto}.mobile-logo-bar-esf{height:36px;width:auto}@media (max-width: 550px){.mobile-logo-bar-sii{height:24px}.mobile-logo-bar-esf{height:32px}}.mobile-logo-bar-right{display:flex;align-items:center;gap:.5rem}.mobile-logo-bar-right a{display:flex;align-items:center}.innopolis-logo-container{display:flex;align-items:center;justify-content:center;width:6rem;height:40px;overflow:hidden}.innopolis-logo-container a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.innopolis-logo{height:120px;width:auto;transform:translateY(-4px)}@media (min-width: 768px){.mobile-logo-bar{padding:.2rem 2rem}}@media (max-width: 425px){.innopolis-logo-container{width:3rem}.innopolis-logo{transform:translateY(0);height:40px}}.navigation{display:flex;justify-content:space-between;align-items:center;padding:.75rem;position:sticky;top:40px;left:0;right:0;z-index:1000;width:100%;box-sizing:border-box;pointer-events:none}.nav-logo{transition:all .3s ease;border-radius:25px;pointer-events:auto}.nav-logo a{background:none;border:none;font-size:1.6rem;font-weight:700;color:#003f7c;cursor:pointer;text-decoration:none;display:flex;align-items:center}.logo-group{display:flex;align-items:center;gap:.5rem}.logo-img{height:2rem;width:auto}.eu-funding-logo{height:2rem;width:auto;margin-left:.5rem;display:none}.burger-menu{display:none;flex-direction:column;justify-content:space-around;width:1.75rem;height:1.75rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:relative;border-radius:12px;transition:all .3s ease;pointer-events:auto}.burger-line{width:1.75rem;height:3px;background:#003f7c;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;transform-origin:center}.burger-menu.open .burger-line:first-child{transform:rotate(45deg) translate(6px,6px)}.burger-menu.open .burger-line:nth-child(2){opacity:0;transform:translate(20px)}.burger-menu.open .burger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.desktop-nav{display:flex;list-style:none;gap:1rem;margin:0;padding:0;position:relative}.nav-links{display:flex;list-style:none;gap:1rem;margin:0;padding:0;position:relative;transition:all .3s ease;border-radius:25px;pointer-events:auto}.nav-indicator{position:absolute;bottom:0;left:0;height:100%;background:linear-gradient(135deg,#003f7c,#06c);border-radius:25px;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:1;pointer-events:none}.nav-links a{background:none;border:none;padding:.6rem 1.2rem;cursor:pointer;border-radius:25px;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;font-size:1rem;text-decoration:none;display:block;font-weight:500;position:relative;z-index:2;outline:none}.nav-links a:hover{color:#003f7c;transform:translateY(-1px)}.nav-links a.active{color:#fff}.nav-links a:focus{outline:none}.navigation.scrolled .nav-logo{background:#fff9;border-radius:25px;padding:0 .75rem;display:flex;align-items:center;border:.5px solid #fff}.navigation.scrolled .nav-links{background:#fff9;border-radius:25px;border:.5px solid #fff}.navigation.scrolled .nav-links a{color:#003f7c}.navigation.scrolled .nav-links a.active{color:#fff}.navigation.scrolled .burger-menu{background:#fff9;width:3rem;height:2.8rem;padding:.56rem;border-radius:12px;border:.5px solid #fff}.mobile-menu-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#003f7cfa,#0066ccfa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;transform:translateY(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto}.mobile-menu-overlay.active{transform:translateY(0)}.mobile-menu-container{min-height:100vh;display:flex;flex-direction:column;color:#fff;padding:0 1.5rem}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:2rem}.mobile-logo{display:flex;align-items:center;gap:.75rem}.mobile-logo-img{height:2rem;width:auto}.mobile-logo span{font-weight:700;font-size:1.2rem}.mobile-close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s ease;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.mobile-close-btn:hover{background:#ffffff1a}.mobile-nav{flex:1;display:flex;align-items:center;justify-content:center}.mobile-nav-links{list-style:none;padding:0;margin:0;width:100%;max-width:300px}.mobile-nav-links li{margin-bottom:1rem;opacity:0;transform:translateY(30px);animation:slideInUp .6s ease forwards}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#ffffff1a;border-radius:16px;color:#fff;text-decoration:none;font-size:1.2rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-nav-link:hover,.mobile-nav-link.active{background:#fff3;border-color:#fff6;transform:translate(8px)}.mobile-nav-icon{font-size:1.5rem;margin-right:1rem}.mobile-nav-label{flex:1}.mobile-nav-arrow{font-size:1.2rem;opacity:.7;transition:transform .3s ease}.mobile-nav-link:hover .mobile-nav-arrow{transform:translate(4px)}.mobile-menu-footer{padding:2rem 0;text-align:center;border-top:1px solid rgba(255,255,255,.2)}.mobile-menu-footer p{margin:0;opacity:.8;font-size:.9rem;font-style:italic}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 670px){.navigation{padding:.75rem}.burger-menu{display:flex}.desktop-nav{display:none}}@media (max-width: 425px){.navigation{padding:.75rem}.nav-logo a{font-size:1.4rem;gap:.25rem;align-items:center}.logo-img{height:1.5rem}.burger-menu{width:1.75rem;height:1.75rem}.nav-links{width:85%}.nav-links a{padding:1rem 1.5rem;font-size:1rem}}@media (min-width: 768px){.navigation{padding:.75rem 2rem}.nav-links{gap:1rem}}.created-by-section{padding:2rem 2rem 0;background-color:#003f7c;z-index:1}.created-by-content{display:flex;align-items:center;justify-content:center;gap:1rem;max-width:1200px;margin:0 auto}.created-by-info{display:flex;align-items:center;justify-content:center;gap:1rem;flex-shrink:0}.created-by-text{color:#ccc;font-size:1.1rem;font-weight:500}.created-by-description{color:#ccc;font-size:.95rem;line-height:1.6;margin:0;max-width:700px;text-align:left}.innopolis-link{display:flex;align-items:center;text-decoration:none;transition:opacity .2s ease}.innopolis-link:hover{opacity:.8}.innopolis-logo{height:60px;width:auto}.footer{padding:2rem}.footer-content{display:flex;align-items:center;justify-content:center;max-width:1000px;margin:0 auto}.footer p{font-size:.8rem;color:#ccc;line-height:1.3;margin:0;flex:1;text-align:left}.eu-logo{height:60px;width:auto;flex-shrink:0}@media (max-width: 768px){.created-by-content{flex-direction:column;gap:.5rem}.created-by-info{gap:.75rem}.created-by-description{text-align:center;font-size:.65rem}.created-by-text{font-size:1rem}.innopolis-logo{height:45px}.footer{padding:1rem}.footer p{font-size:.65rem}.footer-content{flex-direction:column;gap:1rem}.eu-logo{height:50px}}.partners-carousel{display:flex;overflow-x:auto;position:relative;-ms-overflow-style:none;scrollbar-width:none;background:#003f7c;z-index:1}.partners-carousel::-webkit-scrollbar{display:none}.partners-carousel:before,.partners-carousel:after{position:absolute;top:0;width:100px;height:100%;content:"";z-index:2;pointer-events:none}.partners-carousel:before{left:0;background:linear-gradient(to right,#003f7c,#003f7c00)}.partners-carousel:after{right:0;background:linear-gradient(to left,#003f7c,#003f7c00)}.partners-group{display:flex;align-items:center;justify-content:center;gap:2em;animation:slide 35s infinite linear;padding-right:2em}.partners-card{flex:0 0 5rem;height:50px;text-align:center;align-content:center}.partners-logo{height:50px;width:auto;object-fit:contain;opacity:.8;filter:brightness(0) invert(1);vertical-align:middle}.partners-carousel .partners-logo[alt*=Fundacion],.partners-carousel .partners-logo[alt*="Wellbeing Academy"]{height:40px}@keyframes slide{0%{transalte:0}to{translate:-100%}}@media (max-width: 425px){.partners-logo{height:35px}}@media (max-width: 768px){.partners-logo{height:40px}}.home{margin:0;padding:0}.sii-logo{display:none}.hero-background{width:100%;height:100%;background:url(/hero-image.webp) center/cover}.hero-section{align-items:center;padding:0;color:var(--primary-blue)}.hero-content{text-align:center;max-width:800px;margin:0 auto;padding:0 2rem;z-index:2;position:relative}.hero-logo{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.hero-logo-img{height:8rem;width:auto}.hero-content h1{font-size:2rem;margin:0;color:#003f7c;font-weight:700}.hero-content>p{font-size:1.1rem;margin-bottom:2rem;color:#666;line-height:1.6}.transition-element{background:linear-gradient(135deg,#003f7c66,#06c6);color:#fff;padding:1rem;border-radius:16px;margin:2rem 0;border:none;box-shadow:0 8px 30px #003f7c33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.discover-button{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;text-align:center}.discover-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#003f7c99,#06c9);box-shadow:0 12px 40px #003f7c4d}.discover-button:active{transform:translateY(0);transition:all .1s ease}.transition-element:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}.transition-element p{font-size:1.2rem;margin:0;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:1}@keyframes shimmer{0%{left:-100%}to{left:100%}}.content-section{background:#003f7c;padding:4rem 2rem 1rem;color:#fff;position:relative;z-index:3}.cultural-connection{max-width:1000px;margin:0 auto;text-align:center}.cultural-connection h2{font-size:2.5rem;color:#fff;margin-bottom:1rem}.flags-container{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.flag-emoji{height:2rem;width:auto}.cultural-connection>p{font-size:1.2rem;color:#ffffffe6;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.features{display:grid;gap:2rem;margin:1rem 0}.feature{background:#fff;padding:2rem;border-radius:12px;border-left:4px solid white;text-align:left;transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-4px);box-shadow:0 8px 25px #ffffff26}.feature h3{font-size:1.3rem;color:#003f7c;margin-bottom:.5rem}.feature p{color:#666;line-height:1.6;margin:0}.cultural-bridge{display:grid;gap:1rem;margin:2rem 0}.culture-section{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #0066cc}.culture-section h2{color:#06c;margin-bottom:.5rem}@media (min-width: 768px){.hero-content h1{font-size:2.8rem}.hero-logo-img{height:10rem}.hero-content>p{font-size:1.3rem}.cultural-connection h2{font-size:3rem}.features,.cultural-bridge{grid-template-columns:1fr 1fr}}@media (max-width: 425px){.hero-content{padding:0 1rem}.hero-logo-img{height:6rem;max-width:90%;object-fit:contain}.hero-content h1{font-size:1.5rem;margin-bottom:.75rem}.hero-content>p{font-size:.95rem;margin-bottom:1.5rem}.transition-element{padding:1rem;margin:1.5rem 0;border-radius:8px}.transition-element p{font-size:1rem}.content-section{padding:2.5rem .75rem}.cultural-connection h2{font-size:1.8rem;margin-bottom:.75rem}.cultural-connection>p{font-size:1rem;margin-bottom:2rem}.features{gap:1.5rem;margin:2rem 0}.feature{padding:1.5rem}.feature h3{font-size:1.1rem;margin-bottom:.5rem}.feature p{font-size:.9rem;line-height:1.5}}@media (min-width: 1024px){.hero-content h1{font-size:3.5rem}.hero-logo-img{height:12rem}.hero-content>p{font-size:1.4rem}.cultural-connection h2{font-size:3.5rem}.features{grid-template-columns:1fr 1fr 1fr}}.fish-information{padding:4rem 1rem;background:#003f7c;max-width:1200px;margin:0 auto}.fish-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.fish-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #003f7c1a;text-align:center;transition:transform .3s ease;cursor:pointer;border-top:4px solid #003F7C}.fish-card:hover{transform:translateY(-5px)}.fish-icon{font-size:3rem;margin-bottom:1rem;display:block;height:4rem;display:flex;align-items:center;justify-content:center}.fish-card-image{max-height:4rem;object-fit:contain;border-radius:8px}.fish-card h3{color:#003f7c;margin-bottom:.5rem;font-size:1.4rem}.scientific-name{font-style:italic;color:#666;font-size:.9rem;margin-bottom:1rem}.fish-description{color:#555;line-height:1.5;margin-bottom:1.5rem}.learn-more-btn{background:#003f7c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.learn-more-btn:hover{background:#002a5a;transform:translateY(-2px)}.fish-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:2rem;padding-top:120px}.fish-modal-container{display:flex;flex-direction:column;max-width:1000px;width:100%;max-height:79vh;gap:1rem}.fish-modal{background:#fff;border-radius:20px;width:100%;flex:1;overflow:hidden;position:relative;animation:modalSlideIn .3s ease;display:flex;flex-direction:column}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.fish-modal-back-button{width:100%;padding:1rem;background:#003f7c;border:none;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;border-radius:20px;transition:all .3s ease}.fish-modal-back-button:hover{background:#002a5a;transform:translateY(-2px)}.fish-tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:0;margin:0;flex-wrap:wrap}.fish-tab{flex:1;min-width:120px;padding:.8rem .5rem .5rem;border:none;background:transparent;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;border-bottom:3px solid transparent}.fish-tab:hover{background:#e9ecef}.fish-tab.active{background:#fff;border-bottom-color:#003f7c;color:#003f7c}.fish-tab:focus{outline:none}.tab-icon svg{width:1.5rem;height:1.5rem}.tab-title{font-size:.8rem;font-weight:600;text-align:center;line-height:1.2}.fish-tab-header{display:flex;justify-content:space-between;align-items:flex-start;position:absolute;top:0;left:0;right:0;padding:1rem 1.5rem;z-index:10}.fish-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.fish-name{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.fish-tab-header .scientific-name{color:#ffffffe6;margin:0;font-size:.9rem;font-style:italic;flex-shrink:1;min-width:0;text-align:left}.current-tab{color:#fff;font-size:1.5rem;font-weight:500;text-align:end}.fish-tab-content{flex:1;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:500px;display:flex;flex-direction:column}.tab-navigation{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:5}.nav-area{flex:1;cursor:pointer;position:relative;transition:background-color .3s ease}.nav-area:hover:not(.disabled){background:#ffffff1a}.nav-area.disabled{cursor:not-allowed}.tab-content-overlay{background:linear-gradient(to bottom,#0000004d,#0000001a 20% 80%,#0000004d);flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;color:#fff}.tab-content-overlay.no-gradient{background:#0003}.fish-modal-header{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.fish-modal-icon{font-size:4rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.fish-modal-title h2{color:#fff;margin:0 0 .5rem;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.fish-modal-title .scientific-name{margin:0;font-size:1.1rem;color:#ffffffe6;font-style:italic;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.tab-info-content{max-width:700px;width:100%}.tab-info-content h3{color:#fff;margin-bottom:1.5rem;font-size:1.8rem;text-shadow:2px 2px 4px rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;gap:.75rem}.inline-icon{flex-shrink:0}.tab-text-content{background:#fff9;color:#333;padding:1rem 2rem;border-radius:15px;border:.5px solid #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.tab-text-content p{line-height:1.7;margin:0;font-size:1.1rem}@media (max-width: 768px){.fish-information{padding:2rem 1rem}.fish-info{gap:0}.fish-grid{grid-template-columns:1fr;gap:1.5rem}.fish-card{padding:1.5rem}.fish-modal-overlay{padding:1rem;padding-top:120px}.fish-modal{max-height:calc(100vh - 100px);max-width:100%}.fish-tabs{flex-wrap:nowrap}.fish-tab-header{padding:.5rem}.fish-tab{min-width:50px;padding:.8rem .1rem .5rem;gap:.25rem}.tab-icon svg{width:1rem;height:1rem}.fish-tab-content{min-height:400px}.tab-content-overlay{padding:1rem}.fish-name{font-size:1.2rem}.current-tab{font-size:1.2rem;line-height:1.2}.fish-modal-title h2{font-size:2rem}.tab-info-content h3{font-size:1.4rem}.tab-text-content{padding:1rem}.tab-text-content p{font-size:.9rem;line-height:1.2}}.discover-hero-background{width:100%;height:100%;background:url(/discover.webp) center/cover}.discover-hero-section{color:#fff}.discover-hero-content{text-align:center;max-width:800px;margin:-6rem auto 0;padding:0 2rem;z-index:2;position:relative}.discover{margin:0;padding:0 1rem;background:#003f7c;color:#fff;position:relative;z-index:3}.discover-hero{text-align:center;padding:2rem 0 3rem;max-width:800px;margin:0 auto}.discover-hero h1{font-size:2.5rem;color:#003f7c;margin-bottom:1rem}.hero-subtitle{font-size:1.2rem;color:#666;line-height:1.6}.hero-image{margin-bottom:2rem}.hero-photo{width:100%;max-width:600px;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 8px 25px #003f7c33;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);display:flex;align-items:center;justify-content:center;color:#666;font-weight:700;font-size:1.2rem;border:2px dashed #ccc}.hero-photo:before{content:"HERO IMAGEꘀx300px«lack Sea coastline";white-space:pre;text-align:center}.timeline-section{max-width:1000px;margin:0 auto;background:#003f7c;padding:4rem 1rem}.timeline-section h2{text-align:center;color:#fff;margin-bottom:3rem;font-size:2rem}.timeline{position:relative;padding:0 2rem}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#003f7c;transform:translate(-50%)}.timeline-item{display:flex;margin-bottom:3rem;position:relative}.timeline-item:nth-child(odd){justify-content:flex-start}.timeline-item:nth-child(2n){justify-content:flex-end}.timeline-marker{position:absolute;left:50%;transform:translate(-50%);width:3rem;height:3rem;background:#fff;border:3px solid #003F7C;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:2}.timeline-content{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #003f7c1a;max-width:400px;border-left:4px solid #003F7C}.timeline-item:nth-child(2n) .timeline-content{border-left:none;border-right:4px solid #003F7C}.timeline-content h3{color:#003f7c;margin-bottom:.5rem}.timeline-content p{color:#666;line-height:1.6;margin:0}.timeline-photo{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:1rem;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);display:flex;align-items:center;justify-content:center;color:#666;font-weight:700;border:2px dashed #ccc;font-size:.9rem}.timeline-photo[src*=ancient-ruins]:before{content:"TIMELINEꐀx150pxªncient ruins";white-space:pre;text-align:center}.timeline-photo[src*=orthodox-church]:before{content:"TIMELINEꐀx150px\aOrthodox church";white-space:pre;text-align:center}.timeline-photo[src*=pontic-greeks]:before{content:"TIMELINEꐀx150px\aPontic Greeks";white-space:pre;text-align:center}.fishing-section{max-width:1200px;margin:0 auto;padding:4rem 1rem;background:#003f7c}.fishing-section h2{text-align:center;color:#fff;margin-bottom:3rem;font-size:2rem}.fishing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.fishing-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #003f7c1a;text-align:center;transition:transform .3s ease;border-top:4px solid #003F7C}.fishing-card:hover{transform:translateY(-5px)}.card-icon{font-size:3rem;margin-bottom:1rem}.fishing-card h3{color:#003f7c;margin-bottom:1rem}.fishing-card p{color:#666;line-height:1.6}.fishing-photo{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:1rem;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);display:flex;align-items:center;justify-content:center;color:#666;font-weight:700;border:2px dashed #ccc;font-size:.9rem}.fishing-photo[src*=fishing-nets]:before{content:"FISHINGꌀx200px¯ishing nets";white-space:pre;text-align:center}.fishing-photo[src*=fish-market]:before{content:"FISHINGꌀx200px¯ish market";white-space:pre;text-align:center}.fishing-photo[src*=fishing-boats]:before{content:"FISHINGꌀx200px¯ishing boats";white-space:pre;text-align:center}.culinary-section{max-width:1200px;margin:0 auto;padding:4rem 1rem;background:#003f7c}.culinary-section h2{text-align:center;color:#fff;margin-bottom:3rem;font-size:2rem}.culinary-comparison{display:grid;gap:3rem}.comparison-category h3{text-align:center;color:#003f7c;margin-bottom:2rem;font-size:1.5rem}.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.comparison-item{background:#fff;padding:1.5rem 2rem;border-radius:12px;box-shadow:0 4px 15px #003f7c1a}.comparison-item.greek{border-left:4px solid #0066cc}.comparison-item.ukrainian{border-left:4px solid #005bbb}.comparison-item h4{color:#003f7c;margin-bottom:1rem}.comparison-item p{color:#666;line-height:1.6;margin:0}.comparison-photo{width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.comparison-photo[src*=psari-plaki]:before{content:"FOODꌀx120px\aPsari Plaki";white-space:pre;text-align:center}.comparison-photo[src*=ukrainian-fish]:before{content:"FOODꌀx120px\aUkrainian fish";white-space:pre;text-align:center}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{color:#fff;font-size:2.2rem;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.section-header p{color:#ffffffe6;font-size:1.1rem;line-height:1.6;max-width:800px;margin:0 auto}.maritime-heritage{padding:4rem 1rem;background:#003f7c;max-width:1200px;margin:0 auto}.heritage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.heritage-card{background:#fffffff2;padding:2rem;border-radius:15px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.heritage-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0003}.heritage-card .card-icon{font-size:3rem;margin-bottom:1rem}.heritage-card h3{color:#003f7c;margin-bottom:1rem;font-size:1.3rem}.heritage-card p{color:#666;line-height:1.6}.sustainable-traditions{padding:4rem 1rem;background:#003f7c;max-width:1200px;margin:0 auto}.traditions-comparison{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.tradition-side{background:#fffffff2;padding:2rem;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tradition-side h3{color:#2e8b57;text-align:center;margin-bottom:2rem;font-size:1.4rem}.tradition-item{margin-bottom:1.5rem;padding:1rem;background:#ffffff26;border-radius:8px;border-left:4px solid #2E8B57;color:#333}.tradition-item strong{color:#2e8b57;display:block;margin-bottom:.5rem}.modern-challenges{padding:4rem 1rem;background:#003f7c;max-width:1200px;margin:0 auto}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.challenge-card{background:#fffffff2;padding:2rem;border-radius:15px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.challenge-card:hover{transform:translateY(-5px)}.challenge-icon{font-size:3rem;margin-bottom:1rem;color:#dc143c}.challenge-card h3{color:#dc143c;margin-bottom:1rem}.challenge-card p{color:#666;line-height:1.6}.preservation{padding:4rem 1rem;background:#003f7c;max-width:1200px;margin:0 auto}.preservation-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem}.preservation-card{background:#fffffff2;padding:2rem;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preservation-card h3{color:#4169e1;margin-bottom:1rem;font-size:1.3rem}.preservation-card p{color:#666;line-height:1.6;margin-bottom:1.5rem}.wisdom-examples,.revival-examples{display:grid;gap:.5rem}.wisdom-item,.revival-item{color:#4169e1;font-weight:500;padding:.5rem 0}.responsible-cooking{padding:4rem 1rem;background:#003f7c;max-width:1200px;margin:0 auto}.cooking-wisdom{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.wisdom-card{background:#fffffff2;padding:2rem;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.wisdom-card h3{color:#ff8c00;margin-bottom:1rem}.wisdom-card p{color:#666;line-height:1.6}.sustainable-tips{background:#fffffff2;padding:2rem;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sustainable-tips h3{color:#ff8c00;margin-bottom:1.5rem;text-align:center}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}.tip{background:#ffffff26;padding:1.5rem;border-radius:12px;border-left:4px solid #FF8C00;font-weight:500;color:#333;font-size:1.05rem;line-height:1.5}.cooking-invitation{padding:1rem;background:#003f7c;max-width:1200px;margin:0 auto}.invitation-card{background:#fffffff2;padding:3rem;border-radius:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.invitation-card h2{color:#003f7c;margin-bottom:1.5rem;font-size:2rem}.invitation-card>p{color:#666;line-height:1.6;margin-bottom:2rem;font-size:1.1rem}.recipe-preview{display:grid;gap:1rem;margin-bottom:2rem;text-align:left}.preview-item{background:#ffffff26;padding:1rem;border-radius:8px;border-left:4px solid #003F7C;color:#333;font-weight:500}.cook-button{display:inline-block;background:linear-gradient(135deg,#003f7c,#06c);color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;margin-bottom:2rem}.cook-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #003f7c4d;color:#fff}.final-message{color:#666;font-style:italic;margin:0}.cultural-values{max-width:1200px;margin:0 auto;padding:4rem 1rem;background:#003f7c}.cultural-values h2{text-align:center;color:#fff;margin-bottom:3rem;font-size:2rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.value-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #003f7c1a;text-align:center;transition:transform .3s ease}.value-card:hover{transform:translateY(-3px)}.value-icon{font-size:2.5rem;margin-bottom:1rem}.value-card h3{color:#003f7c;margin-bottom:1rem}.value-card p{color:#666;line-height:1.6;margin:0}.value-photo{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:1rem;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);display:flex;align-items:center;justify-content:center;color:#666;font-weight:700;border:2px dashed #ccc;font-size:.8rem}.value-photo[src*=family-dinner]:before{content:"VALUESꉐx120pxૺmily dinner";white-space:pre;text-align:center}.value-photo[src*=orthodox-celebration]:before{content:"VALUESꉐx120px\aReligious feast";white-space:pre;text-align:center}.value-photo[src*=family-cooking]:before{content:"VALUESꉐx120pxૺmily cooking";white-space:pre;text-align:center}.value-photo[src*=seasonal-ingredients]:before{content:"VALUESꉐx120px\aSeasonal foods";white-space:pre;text-align:center}.modern-connections{max-width:800px;margin:0 auto;padding:4rem 1rem;background:#003f7c}.modern-card{background:linear-gradient(135deg,#003f7c,#06c);color:#fff;padding:3rem;border-radius:12px;text-align:center}.modern-card h2{margin-bottom:1.5rem;font-size:1.8rem}.modern-card p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.connection-points{display:grid;gap:1rem;text-align:left}.point{background:#ffffff1a;padding:1rem;border-radius:8px;font-weight:500}@media (max-width: 768px){.traditions-comparison,.preservation-content{grid-template-columns:1fr;gap:2rem}.tips-grid{grid-template-columns:1fr;max-width:100%}.heritage-grid,.challenges-grid,.cooking-wisdom{grid-template-columns:1fr}}@media (max-width: 425px){.discover-hero-section{height:50vh;min-height:400px;padding:0 .75rem}.discover-hero-content{padding:0 1rem}.hero-description p{font-size:.95rem;margin-bottom:.5rem}.section-header h2{font-size:1.8rem}.section-header p{font-size:1rem}.maritime-heritage,.sustainable-traditions,.modern-challenges,.preservation,.responsible-cooking,.cooking-invitation{padding:2rem 1rem}.invitation-card{padding:2rem}.invitation-card h2{font-size:1.5rem}}@media (min-width: 1024px){.hero-description p{font-size:1.4rem}}.recipe-viewer{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#000;color:#fff;z-index:1000;display:flex;flex-direction:column}.bottom-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#fff3;z-index:1002}.bottom-progress-fill{height:100%;background:#fff;border-radius:0 2px 2px 0;width:0%;animation:fillProgress linear infinite}@keyframes fillProgress{0%{width:0%}to{width:100%}}.recipe-viewer-header{position:relative;padding:.5rem .8rem;z-index:1001;display:flex;flex-direction:column;gap:.5rem}.progress-bar{width:100%;height:4px;display:flex;gap:4px;align-items:center}.title-section{display:flex;justify-content:space-between;align-items:center}.header-controls{display:flex;align-items:center;gap:.5rem}.step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.step-header h3{margin:0;line-height:1}.step-header .time-indicator{background:#fff3;padding:.25rem .75rem;border-radius:12px;font-size:.9rem;color:#fff}.recipe-viewer-header h2{color:#fff;margin:0}.recipe-viewer-header .close-btn,.recipe-viewer-header .mute-btn{background:none;border:none;color:#fff;cursor:pointer;z-index:1002;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:50%;transition:background-color .2s ease}.recipe-viewer-header .mute-btn svg,.recipe-viewer-header .close-btn svg{flex-shrink:0}.recipe-viewer-header .mute-btn:hover,.recipe-viewer-header .close-btn:hover{background-color:#ffffff1a}.progress-segment{flex:1;height:100%;background:#ffffff26;border-radius:3px;transition:all .3s ease}.progress-segment.completed{background:#fff}.progress-segment.current{background:#fff;box-shadow:0 0 8px #fff9;transform:scaleY(1.5)}.step-counter{display:block;text-align:center;font-size:.9rem;opacity:.8}.recipe-content{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.step-navigation{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:1001}.nav-area{flex:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}@media (hover: hover){.nav-area:hover:not(.disabled){background:#ffffff0d;border-radius:12px;margin:12px}.nav-prev:hover:not(.disabled):before{content:"←";position:absolute;left:2rem;font-size:3rem;color:#ffffffb3;pointer-events:none;border-radius:12px;margin:12px}.nav-next:hover:not(.disabled):before{content:"→";position:absolute;right:2rem;font-size:3rem;color:#ffffffb3;pointer-events:none;border-radius:12px;margin:12px}}.nav-area.disabled{cursor:default}.video-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.video-background video{width:100%;height:100%;object-fit:cover;display:block}.step-overlay{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:2rem}.step-instruction{text-align:left}.step-instruction h3{color:#fff;font-size:1.5rem}.step-instruction p{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.current-ingredients{background:#ffffff1a;padding:1rem;border-radius:8px;margin:1rem 0}.current-ingredients h4{color:#fff;margin-bottom:.5rem;font-size:1rem}.current-ingredients ul{list-style:none;padding:0;margin:0}.current-ingredients li{padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.current-ingredients li:last-child{border-bottom:none}.timer-section{margin-top:1.5rem}.timer-btn{background:#fff;color:#000;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s}.timer-btn:hover:not(:disabled){background:#ffffffe6}.timer-btn:disabled{background:#28a745;cursor:not-allowed}.fun-fact,.pro-tip,.serving-tip,.cultural-note{background:#ffffff1a;padding:1rem;border-radius:8px;margin:1rem 0;border-left:4px solid white}.fun-fact h4,.pro-tip h4,.serving-tip h4,.cultural-note h4{color:#fff;margin-bottom:.5rem;font-size:1rem}.fun-fact p,.pro-tip p,.serving-tip p,.cultural-note p{margin:0;line-height:1.6}.step-time{margin:1rem 0;text-align:center}.time-indicator{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#ccc}.recipe-navigation{padding:1rem 2rem;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center}.nav-btn{background:#ff6b35;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s}.nav-btn:hover:not(:disabled){background:#e55a2b}.nav-btn:disabled{background:#666;cursor:not-allowed}.finish-btn{background:#28a745}.finish-btn:hover{background:#218838}@media (max-width: 768px){.recipe-viewer-header{padding:.2rem .4rem}.recipe-viewer-header h2{font-size:1.3rem}.step-overlay{padding:1rem}.step-instruction h3{font-size:1.2rem}.step-instruction p{font-size:1rem}.current-ingredients h4,.fun-fact h4,.pro-tip h4,.serving-tip h4,.cultural-note h4{font-size:.9rem}.current-ingredients,.fun-fact,.pro-tip,.serving-tip,.cultural-note{padding:.5rem;margin:.5rem 0}.step-header{margin-bottom:.5rem}.step-header .time-indicator{font-size:.8rem;padding:.15rem .4rem}.timer-btn{font-size:.9rem;padding:.5rem 1rem}}.cook-hero-background{width:100%;height:100%;background:url(/cook.webp) center 55%/cover}.cook{margin:0;padding:0;background:#003f7c;color:#fff;position:relative;z-index:3}.cook-hero-section{color:var(--primary-blue)}.cook-hero-content{text-align:center;max-width:800px;margin:-8rem auto 0;padding:0 2rem;z-index:2;position:relative}.cook .container{max-width:1200px;margin-left:auto;margin-right:auto;padding:1rem}.recipes-section-header{text-align:center;margin:2rem 0 3rem}.recipes-section-header h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0}.recipe-category{text-align:center}.category-title{color:#fff;font-size:1.8rem;font-weight:600}.category-description{color:#fffc;font-size:1rem;line-height:1.5;margin:0 auto}.recipe-grid{display:grid;gap:2rem;margin:1rem 0 2rem}.recipe-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:transform .2s ease;cursor:pointer}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.recipe-image-container{width:100%;height:200px;background:#f8f8f8;position:relative}.recipe-image{width:100%;height:100%;object-fit:cover}.recipe-card:has(img[src*=seabass-zucchini]) .recipe-image{object-position:center 45%}.recipe-card:has(img[src*=sardines-saganaki]) .recipe-image{object-position:center 66%}.recipe-info{padding:.5rem 1rem;display:flex;flex-direction:column;min-height:120px}.recipe-header{margin-bottom:.5rem}.difficulty-pill{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize;opacity:.7;background:var(--text-gray);color:#fff}.difficulty-pill.difficulty-easy{background:var(--success-green)}.difficulty-pill.difficulty-medium{background:var(--accent-orange)}.difficulty-pill.difficulty-hard{background:var(--danger-red)}.tag{background:#f0f0f0;color:#666;font-size:.8rem;padding:.25rem .75rem;border-radius:12px;font-weight:500}.recipe-title{color:#2c2c2c;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0}.recipe-serves{background:var(--primary-blue);color:#fff;font-size:.8rem;padding:.25rem .75rem;border-radius:12px;font-weight:500}.recipe-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.recipe-icons{display:flex;gap:1rem;align-items:center}.recipe-serves-icon,.recipe-time-icon{display:flex;align-items:center;gap:.4rem;color:var(--primary-blue);font-size:.9rem;font-weight:500;position:relative;cursor:help}.recipe-serves-icon svg,.recipe-time-icon svg{color:var(--primary-blue)}.tooltip{position:absolute;bottom:100%;right:0;background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(.25rem);transition:all .2s ease;z-index:10;pointer-events:none}.tooltip:after{content:"";position:absolute;top:100%;right:1rem;border:4px solid transparent;border-top-color:#000000e6}.recipe-serves-icon:hover .tooltip,.recipe-time-icon:hover .tooltip{opacity:1;visibility:visible;transform:translateY(0)}.icon-btn{background:none;border:none;font-size:1.2rem;padding:.5rem;cursor:pointer;border-radius:50%;transition:background .2s}.icon-btn:hover{background:#f5f5f5}.culture-badge{background:#06c;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:700}.recipe-meta{display:flex;gap:1rem;font-size:.9rem;color:#666;margin:1rem 0}@media (min-width: 1024px){.recipe-grid{grid-template-columns:repeat(3,1fr)}.recipe-card button{width:auto}.recipe-meta{gap:2rem}}.feedback-section{background:#fffffff2;padding:1rem;margin:2rem 0 0;text-align:center;border-radius:12px}.feedback-content{max-width:600px;margin:0 auto}.feedback-content h2{color:#003f7c;font-size:2rem;margin-bottom:1rem}.feedback-content p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.feedback-button{display:inline-block;background:#003f7c;color:#fff;padding:1rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #003f7c33}.feedback-button:hover{background:#06c;transform:translateY(-2px);box-shadow:0 8px 25px #003f7c4d}@media (max-width: 768px){.feedback-section{padding:3rem 1rem;margin:3rem 0 0}.feedback-content h2{font-size:1.5rem}.feedback-content p{font-size:1rem}.feedback-button{padding:.875rem 2rem;font-size:1rem}}.flag-icon{width:1.2em;height:1.2em;display:inline-block;vertical-align:middle;margin-bottom:2px}.about-hero-background{width:100%;height:100%;background:url(/flags.webp) top/cover}.partner-content p{background:#ffffff1a;padding:.75rem;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.about{margin:0;padding:0 1rem;background:#003f7c;color:#fff;position:relative;z-index:3}.project-overview{padding:4rem 0 2rem;max-width:1200px;margin:0 auto}.project-overview h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#fff}.isricm-content{display:flex;justify-content:center;margin-bottom:2rem}.isricm-description{background:#ffffff1a;padding:2.5rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:800px}.isricm-description h3{color:gold;font-size:1.4rem;margin-bottom:1.5rem}.isricm-description p{line-height:1.7;margin-bottom:1.5rem;background:none;padding:0;border-radius:0}.isricm-description p:last-child{margin-bottom:0}.platform-overview{padding:2rem 0 4rem;max-width:1200px;margin:0 auto}.platform-overview h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#fff}.platform-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.platform-mission,.platform-approach,.platform-impact,.platform-features{background:#ffffff1a;padding:2rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.platform-overview h3{color:gold;font-size:1.3rem;margin-bottom:1rem}.platform-overview p{line-height:1.6;margin-bottom:1rem;background:none;padding:0;border-radius:0}.platform-overview ul{margin:0;padding-left:1.5rem}.platform-overview li{margin-bottom:.5rem;line-height:1.5}.about-hero-section{color:var(--primary-blue)}.about-hero-content{text-align:center;max-width:800px;margin:-6rem auto 0;padding:0 2rem;z-index:2;position:relative}.transition-element{color:#fff;margin:2rem 0;position:relative}.project-partners{padding:3rem 0;max-width:1200px;margin:0 auto}.project-partners h2{text-align:center;color:#fff;font-size:3rem;margin-bottom:3rem}.partners-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:800px;margin:0 auto}.partner-card{background:#fff;border-radius:16px;padding:1rem 1.5rem;box-shadow:0 6px 20px #003f7c14;transition:all .3s ease;position:relative;overflow:hidden;display:flex;gap:2rem;align-items:flex-start}.partner-header{flex-shrink:0;width:120px;display:flex;flex-direction:column;align-items:center;text-align:center}.partner-content{flex:1;display:flex;flex-direction:column}.partner-logo-large{width:120px;height:120px;object-fit:contain;margin-bottom:1rem}.partner-content h3{color:#003f7c;font-size:1.2rem;margin:0 0 .5rem;line-height:1.3}.partner-location{font-size:1.2rem;color:#666;font-weight:500;margin-top:.5rem}.partner-role{display:inline-block;background:linear-gradient(135deg,#003f7c,#06c);color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:500;text-transform:uppercase;margin-top:2px;margin-bottom:4px;box-shadow:0 1px 3px #003f7c33}.partner-card p{color:#555;line-height:1.6;margin-bottom:.5rem;padding-left:0}.partner-contact{padding-top:.5rem;border-top:1px solid #f0f0f0}.partner-contact a{color:#003f7c;text-decoration:none;font-weight:500}.partner-contact a:hover{text-decoration:underline}.contact-section{background:#003f7c}.contact-section h2{color:#fff;text-align:center;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.contact-details{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;max-width:800px;margin:0 auto}@media (max-width: 768px){.contact-details{display:flex;flex-direction:column}}.contact-item{display:grid;grid-template-columns:40px 1fr;gap:.8rem;align-items:center;background:#ffffff1a;padding:.5rem 1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.contact-icon{width:40px;height:40px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}.organization-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z'/%3E%3C/svg%3E")}.location-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E")}.email-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E")}.phone-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E")}.website-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.94-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E")}.social-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z'/%3E%3C/svg%3E")}.contact-content h4{color:#fff;font-size:1.2rem;font-weight:600}.contact-content p{color:#ffffffe6;font-size:1.05rem;line-height:1.5;margin:0;padding:0}.contact-content a{color:#6cf;text-decoration:none;font-weight:500}.contact-content a:hover{color:#fff;text-decoration:underline}.social-links{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:4px}.social-links a{color:#6cf;text-decoration:none;font-weight:500;width:18px;height:18px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;transition:opacity .3s ease}.social-links a:hover{opacity:.8}.facebook-logo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E")}.instagram-logo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E")}.linkedin-logo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}@media (max-width: 600px){.about-hero-content{padding:0 1rem}.partner-card p{margin-bottom:0;padding:0 12px}.hero-description p{font-size:.95rem;margin-bottom:.5rem}.transition-element{padding:1rem;margin:1.5rem 0}.project-partners{padding:2rem 0}.project-partners h2{font-size:1.5rem;margin-bottom:2rem}.partners-grid{grid-template-columns:1fr;gap:1.5rem;max-width:100%}.partner-card{padding:1.5rem;display:flex;flex-direction:column;text-align:center;gap:0}.partner-header,.partner-content{display:contents}.partner-role{order:1;margin-bottom:1rem;align-self:center;padding:.3rem 1rem;font-size:1rem;border-radius:18px}.partner-content h3{order:3;font-size:1rem;margin-bottom:1rem;align-self:center}.partner-logo-large{order:2;min-height:80px;max-height:100px;margin-bottom:1rem;align-self:center;width:200px}.partner-content p{order:4;font-size:.9rem;text-align:center}.partner-location{order:5;margin-bottom:.2rem;align-self:center}.partner-contact{order:6;align-self:center}.contact-card{padding:1.5rem}}@media (min-width: 768px){.hero-description p{font-size:1.3rem}}@media (min-width: 1024px){.hero-description p{font-size:1.4rem}.partners-grid{grid-template-columns:1fr;gap:2.5rem}}