* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}*{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;box-sizing:border-box;}:root{--primary-color:#006994;--secondary-color:#00a8cc;--accent-color:#4dd0e1;--dark-blue:#003d5c;--light-blue:#e0f7ff;--text-dark:#1a1a1a;--text-light:#666;--white:#ffffff;--shadow:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 30px rgba(0, 0, 0, 0.15);}html{scroll-behavior:smooth;}body{font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;line-height:1.6;color:var(--text-dark);overflow-x:hidden;}.container{max-width:1200px;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;padding-top:0px;padding-right:20px;padding-bottom:0px;padding-left:20px;}.navbar{position:fixed;top:0px;left:0px;right:0px;background-image:none;background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:rgba(255, 255, 255, 0.98);backdrop-filter:blur(10px);box-shadow:var(--shadow);z-index:1000;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:all;}.navbar .container{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;padding-right:20px;padding-bottom:1rem;padding-left:20px;}.nav-brand{display:flex;align-items:center;row-gap:0.75rem;column-gap:0.75rem;}.logo-image{height:40px;width:auto;}.brand-text{font-size:1.5rem;font-weight:bold;color:var(--primary-color);}.nav-menu{display:flex;list-style-position:outside;list-style-image:none;list-style-type:none;row-gap:2rem;column-gap:2rem;}.nav-menu a{text-decoration-line:none;color:var(--text-dark);font-weight:500;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:color;position:relative;}.nav-menu a::after{content:"";position:absolute;bottom:-5px;left:0px;width:0px;height:2px;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:width;}.nav-menu a:hover{color:var(--secondary-color);}.nav-menu a:hover::after{width:100%;}.nav-toggle{display:none;flex-direction:column;background-image:none;background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:transparent;border-top-width:medium;border-right-width:medium;border-bottom-width:medium;border-left-width:medium;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-top-color:currentcolor;border-right-color:currentcolor;border-bottom-color:currentcolor;border-left-color:currentcolor;border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0;border-image-repeat:stretch;cursor:pointer;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.nav-toggle span{width:25px;height:3px;margin-top:3px;margin-right:0px;margin-bottom:3px;margin-left:0px;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:all;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--white);overflow-x:hidden;overflow-y:hidden;}.hero-background{position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:0;}.hero-background img{width:100%;height:100%;object-fit:cover;object-position:center center;}.hero-overlay{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background-image:none;background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:rgba(0, 61, 92, 0.5);z-index:1;pointer-events:none;}.hero-content{position:relative;z-index:2;max-width:800px;padding-top:0px;padding-right:20px;padding-bottom:0px;padding-left:20px;animation-duration:1s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:fadeInUp;}.hero-title{font-size:3.5rem;font-weight:bold;margin-bottom:1rem;text-shadow:rgba(0, 0, 0, 0.3) 2px 2px 8px;}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;opacity:0.95;text-shadow:rgba(0, 0, 0, 0.3) 1px 1px 4px;}.btn{display:inline-block;padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem;padding-left:2.5rem;text-decoration-line:none;border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:50px;font-weight:600;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:all;cursor:pointer;border-top-width:medium;border-right-width:medium;border-bottom-width:medium;border-left-width:medium;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-top-color:currentcolor;border-right-color:currentcolor;border-bottom-color:currentcolor;border-left-color:currentcolor;border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0;border-image-repeat:stretch;font-size:1.1rem;}.btn-primary{color:var(--white);box-shadow:rgba(0, 168, 204, 0.3) 0px 4px 15px;}.btn-primary:hover{transform:translateY(-2px);box-shadow:rgba(0, 168, 204, 0.4) 0px 6px 20px;}.about{padding-top:6rem;padding-right:0px;padding-bottom:6rem;padding-left:0px;}.section-header{text-align:center;margin-bottom:4rem;}.section-header h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem;}.section-header p{font-size:1.2rem;color:var(--text-light);}.about-content{display:grid;grid-template-columns:1fr 1fr;row-gap:4rem;column-gap:4rem;align-items:center;}.about-text h3{font-size:2rem;color:var(--primary-color);margin-bottom:1rem;}.about-text p{font-size:1.1rem;color:var(--text-light);margin-bottom:1.5rem;line-height:1.8;}.stats{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:2rem;column-gap:2rem;margin-top:3rem;}.stat-item{text-align:center;padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem;border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;box-shadow:var(--shadow);transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:transform;}.stat-item:hover{transform:translateY(-5px);}.stat-number{display:block;font-size:2.5rem;font-weight:bold;color:var(--secondary-color);margin-bottom:0.5rem;}.stat-label{display:block;font-size:0.9rem;color:var(--text-light);font-weight:500;}.about-image{border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;overflow-x:hidden;overflow-y:hidden;box-shadow:var(--shadow-lg);animation-duration:1s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:fadeIn;}.about-image img{width:100%;height:100%;object-fit:cover;transition-duration:0.5s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:transform;}.about-image:hover img{transform:scale(1.05);}.marine-life{padding-top:6rem;padding-right:0px;padding-bottom:6rem;padding-left:0px;}.marine-grid{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:3rem;column-gap:3rem;}.marine-card{border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;overflow-x:hidden;overflow-y:hidden;box-shadow:var(--shadow);transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:all;}.marine-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);}.marine-image{height:250px;overflow-x:hidden;overflow-y:hidden;}.marine-image img{width:100%;height:100%;object-fit:cover;transition-duration:0.5s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:transform;}.marine-card:hover .marine-image img{transform:scale(1.1);}.marine-content{padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem;}.marine-content h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:1rem;}.marine-content p{color:var(--text-light);line-height:1.7;}.conservation{padding-top:6rem;padding-right:0px;padding-bottom:6rem;padding-left:0px;color:var(--white);}.conservation-content{display:grid;grid-template-columns:1fr 1fr;row-gap:4rem;column-gap:4rem;align-items:center;}.conservation-image{border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;overflow-x:hidden;overflow-y:hidden;box-shadow:var(--shadow-lg);}.conservation-image img{width:100%;height:100%;object-fit:cover;transition-duration:0.5s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:transform;}.conservation-image:hover img{transform:scale(1.05);}.conservation-text h2{font-size:2.5rem;margin-bottom:1rem;}.conservation-text .lead{font-size:1.3rem;margin-bottom:1.5rem;opacity:0.9;}.conservation-text > p{font-size:1.1rem;line-height:1.8;margin-bottom:2rem;opacity:0.9;}.conservation-actions{display:flex;flex-direction:column;row-gap:1.5rem;column-gap:1.5rem;}.action-item{display:flex;row-gap:1.5rem;column-gap:1.5rem;align-items:flex-start;background-image:none;background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:rgba(255, 255, 255, 0.1);padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem;border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;backdrop-filter:blur(10px);transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:all;}.action-item:hover{background-image:none;background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:rgba(255, 255, 255, 0.15);transform:translateX(10px);}.action-icon{font-size:2.5rem;line-height:1;}.action-content h4{font-size:1.3rem;margin-bottom:0.5rem;}.action-content p{font-size:1rem;opacity:0.9;line-height:1.6;}.facts{padding-top:6rem;padding-right:0px;padding-bottom:6rem;padding-left:0px;}.facts-grid{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:2.5rem;column-gap:2.5rem;}.fact-card{padding-top:2.5rem;padding-right:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;text-align:center;box-shadow:var(--shadow);transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:all;}.fact-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);}.fact-image{width:100%;height:200px;overflow-x:hidden;overflow-y:hidden;border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;margin-bottom:1.5rem;}.fact-image img{width:100%;height:100%;object-fit:cover;transition-duration:0.5s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:transform;}.fact-card:hover .fact-image img{transform:scale(1.1);}.fact-card h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:1rem;}.fact-card p{color:var(--text-light);line-height:1.7;}.ocean-formation{padding-top:6rem;padding-right:0px;padding-bottom:6rem;padding-left:0px;}.formation-content{display:grid;grid-template-columns:1fr 1fr;row-gap:4rem;column-gap:4rem;align-items:start;}.formation-timeline{position:relative;padding-left:2rem;}.formation-timeline::before{content:"";position:absolute;left:0px;top:0px;bottom:0px;width:3px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}.timeline-item{display:flex;row-gap:2rem;column-gap:2rem;margin-bottom:3rem;position:relative;}.timeline-item:last-child{margin-bottom:0px;}.timeline-icon{position:absolute;left:-2.9rem;width:3.5rem;height:3.5rem;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--shadow);flex-shrink:0;}.timeline-content{padding-top:1.5rem;padding-right:2rem;padding-bottom:1.5rem;padding-left:2rem;border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;box-shadow:var(--shadow);transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:all;flex-grow:1;flex-shrink:1;flex-basis:0%;}.timeline-content:hover{transform:translateX(10px);box-shadow:var(--shadow-lg);}.timeline-content h3{color:var(--secondary-color);font-size:1.1rem;margin-bottom:0.5rem;font-weight:600;}.timeline-content h4{color:var(--primary-color);font-size:1.4rem;margin-bottom:0.8rem;}.timeline-content p{color:var(--text-light);line-height:1.7;font-size:1rem;}.formation-summary{position:sticky;top:100px;}.formation-summary h3{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem;}.formation-summary > p{font-size:1.1rem;color:var(--text-light);line-height:1.8;margin-bottom:2.5rem;}.formation-facts{display:flex;flex-direction:column;row-gap:1.5rem;column-gap:1.5rem;}.formation-fact{padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem;border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;box-shadow:var(--shadow);display:flex;align-items:start;row-gap:1.5rem;column-gap:1.5rem;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:all;}.formation-fact:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}.fact-icon{font-size:2.5rem;line-height:1;flex-shrink:0;}.formation-fact h4{color:var(--primary-color);font-size:1.2rem;margin-bottom:0.5rem;}.formation-fact p{color:var(--text-light);line-height:1.6;font-size:0.95rem;}.footer{color:var(--white);padding-top:3rem;padding-right:0px;padding-bottom:1.5rem;padding-left:0px;}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;row-gap:3rem;column-gap:3rem;margin-bottom:3rem;}.footer-section h3{margin-bottom:1rem;font-size:1.5rem;}.footer-section h4{margin-bottom:1rem;font-size:1.2rem;}.footer-section p{opacity:0.8;line-height:1.7;}.footer-section ul{list-style-position:outside;list-style-image:none;list-style-type:none;}.footer-section ul li{margin-bottom:0.8rem;}.footer-section ul li a{color:var(--white);text-decoration-line:none;opacity:0.8;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:all;}.footer-section ul li a:hover{opacity:1;padding-left:5px;}.footer-bottom{text-align:center;padding-top:2rem;border-top-width:1px;border-top-style:solid;border-top-color:rgba(255, 255, 255, 0.1);}.footer-bottom p{opacity:0.7;font-size:0.9rem;}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px);}100%{opacity:1;transform:translateY(0px);}}@media (max-width: 968px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;width:100%;text-align:center;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:left;box-shadow:var(--shadow);padding-top:2rem;padding-right:0px;padding-bottom:2rem;padding-left:0px;row-gap:0px;column-gap:0px;}.nav-menu li{padding-top:1rem;padding-right:0px;padding-bottom:1rem;padding-left:0px;}.nav-menu.active{left:0px;}.nav-toggle{display:flex;}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px, 8px);}.nav-toggle.active span:nth-child(2){opacity:0;}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px, -7px);}.hero-title{font-size:2.5rem;}.hero-subtitle{font-size:1.2rem;}.about-content{grid-template-columns:1fr;row-gap:2rem;column-gap:2rem;}.conservation-content{grid-template-columns:1fr;row-gap:2rem;column-gap:2rem;}.conservation-content .conservation-image{order:2;}.formation-content{grid-template-columns:1fr;row-gap:3rem;column-gap:3rem;}.formation-summary{position:static;}.marine-grid{grid-template-columns:1fr;}.facts-grid{grid-template-columns:1fr;}.stats{grid-template-columns:1fr;}.footer-content{grid-template-columns:1fr;row-gap:2rem;column-gap:2rem;}}@media (max-width: 768px){.hero-title{font-size:2rem;}.hero-subtitle{font-size:1rem;}.section-header h2{font-size:2rem;}.about-text h3, .conservation-text h2{font-size:1.8rem;}.btn{padding-top:0.8rem;padding-right:2rem;padding-bottom:0.8rem;padding-left:2rem;font-size:1rem;}}@media (max-width: 480px){.hero-title{font-size:1.8rem;}.hero-subtitle{font-size:0.9rem;}.container{padding-top:0px;padding-right:15px;padding-bottom:0px;padding-left:15px;}.about{padding-top:3rem;padding-right:0px;padding-bottom:3rem;padding-left:0px;}.marine-life{padding-top:3rem;padding-right:0px;padding-bottom:3rem;padding-left:0px;}.conservation{padding-top:3rem;padding-right:0px;padding-bottom:3rem;padding-left:0px;}.facts{padding-top:3rem;padding-right:0px;padding-bottom:3rem;padding-left:0px;}.marine-content{padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem;}.fact-card{padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem;}.formation-timeline{padding-left:1.5rem;}.timeline-icon{left:-2.5rem;width:3rem;height:3rem;font-size:1.3rem;}.timeline-item{row-gap:1rem;column-gap:1rem;}.timeline-content{padding-top:1rem;padding-right:1.5rem;padding-bottom:1rem;padding-left:1.5rem;}.timeline-content h3{font-size:1rem;}.timeline-content h4{font-size:1.2rem;}.formation-summary h3{font-size:1.6rem;}.formation-fact{padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem;row-gap:1rem;column-gap:1rem;}.fact-icon{font-size:2rem;}}