.thinkrank-breadcrumbs{padding:.75rem 0;font-size:.875rem;color:#666}.thinkrank-breadcrumbs a{color:#2271b1;text-decoration:none}.thinkrank-breadcrumbs a:hover{text-decoration:underline}.thinkrank-breadcrumbs .breadcrumb-current{color:#1d2327;font-weight:500}.thinkrank-breadcrumbs .breadcrumb-separator{margin:0 .5rem;color:#999}:root{--color-bg-deep:#061A2E;--color-primary:#00B4D8;--color-glow:#64D5F6;--color-teal-soft:#9BE7F7;--color-green:#10B981;--color-sand:#F4A261;--gradient-section:linear-gradient(135deg, #0A2640 0%, #061A2E 100%);--brand-dark:var(--color-bg-deep);--brand-darker:#061A2E;--brand-teal-dark:var(--color-primary);--brand-teal-light:var(--color-glow);--brand-danger:#EF4444;--glass-border:rgba(100, 213, 246, 0.2);--glass-bg:rgba(10, 38, 64, 0.95);--glass-bg-soft:rgba(10, 38, 64, 0.72);--text-primary:#FFFFFF;--text-muted:#94A3B8;--yb-text:#E2E8F0;--yb-text-muted:var(--text-muted);--yb-shadow-soft:0 18px 55px rgba(0, 12, 28, 0.28);--yb-shadow-glow:0 18px 50px rgba(0, 180, 216, 0.16);--yb-ease:cubic-bezier(0.23, 1, 0.32, 1);--yb-ease-smooth:cubic-bezier(0.77, 0, 0.175, 1);--yb-duration-fast:180ms;--yb-duration:320ms;--yb-duration-slow:700ms}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--color-bg-deep)}html,body{background-color:var(--color-bg-deep)!important;color:var(--text-primary)!important;font-family:'Cairo',sans-serif;line-height:1.8;min-height:100vh}body{margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{color:var(--brand-dark);background:var(--color-glow)}.font-ar,[dir='rtl']{font-family:'Cairo',sans-serif}.font-en,[dir='ltr']{font-family:'Inter',sans-serif}.font-en{letter-spacing:.015em}h1,h2,h3,h4,h5,h6{text-wrap:balance}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:rgb(100 213 246 / .42);border-radius:999px;border:2px solid var(--color-bg-deep)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.glass-header{background:rgb(6 26 46 / .86)!important;border-bottom:1px solid rgb(100 213 246 / .16);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);transition:background-color var(--yb-duration) var(--yb-ease),border-color var(--yb-duration) var(--yb-ease),box-shadow var(--yb-duration) var(--yb-ease)}.glass-header:hover{background:rgb(6 26 46 / .94)!important;border-color:rgb(100 213 246 / .28);box-shadow:0 12px 35px rgb(0 0 0 / .16)}.glass-footer{background:rgb(10 38 64 / .92)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--glass-border)}.glass-card,.premium-card,.eco-glass-card,.news-card,.glass-404-card{min-width:0;background:linear-gradient(145deg,rgb(14 48 78 / .78),rgb(6 26 46 / .86));backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%);border:1px solid rgb(255 255 255 / .1);border-radius:24px;transition:transform var(--yb-duration) var(--yb-ease),border-color var(--yb-duration) var(--yb-ease),box-shadow var(--yb-duration) var(--yb-ease),background-color var(--yb-duration) var(--yb-ease)}.premium-card h3,.premium-card h4,.premium-card p,.news-card h3,.news-card h4,.news-card p{min-width:0;overflow-wrap:anywhere;word-break:normal}.swiper-slide{min-width:0}.glass-card:hover,.premium-card:hover,.eco-glass-card:hover,.news-card:hover,.glass-404-card:hover{transform:translateY(-6px);border-color:rgb(100 213 246 / .34);box-shadow:var(--yb-shadow-soft),var(--yb-shadow-glow)}.glass-card img,.premium-card img,.news-card img,.eco-glass-card img{transition:transform var(--yb-duration-slow) var(--yb-ease),opacity var(--yb-duration) var(--yb-ease),filter var(--yb-duration) var(--yb-ease)}.glass-card:hover img,.premium-card:hover img,.news-card:hover img,.eco-glass-card:hover img{transform:scale(1.035)}.btn-primary{background:linear-gradient(135deg,var(--color-glow),var(--color-primary));color:var(--brand-dark);border:none;padding:.75rem 1.5rem;border-radius:9999px;font-weight:700;transition:transform var(--yb-duration-fast) var(--yb-ease),box-shadow var(--yb-duration) var(--yb-ease),filter var(--yb-duration) var(--yb-ease);box-shadow:0 0 10px rgb(0 180 216 / .3)}.btn-primary:hover{transform:translateY(-2px);filter:saturate(1.1);box-shadow:0 0 20px rgb(100 213 246 / .58),0 0 40px rgb(0 180 216 / .28)}.btn-primary:active,.btn-secondary:active,button:active,a[role='button']:active{transform:scale(.975)}.btn-secondary{background-color:rgb(100 213 246 / .1);color:var(--color-glow);border:1px solid var(--glass-border);padding:.75rem 1.5rem;border-radius:9999px;font-weight:700;transition:background-color var(--yb-duration) var(--yb-ease),border-color var(--yb-duration) var(--yb-ease),color var(--yb-duration) var(--yb-ease),transform var(--yb-duration-fast) var(--yb-ease)}.btn-secondary:hover{background-color:rgb(100 213 246 / .2);border-color:var(--color-glow);color:#fff}.nav-link{position:relative;color:var(--text-muted);font-weight:600;transition:color var(--yb-duration) var(--yb-ease)}.nav-link::after{content:'';position:absolute;right:0;bottom:-.45rem;width:0;height:2px;border-radius:999px;background:var(--color-glow);transition:width var(--yb-duration) var(--yb-ease)}.nav-link:hover,.nav-link.active,.nav-link:focus-visible{color:var(--color-glow)}.nav-link:hover::after,.nav-link.active::after,.nav-link:focus-visible::after{width:100%}a{color:var(--color-glow);text-decoration:none;transition:color var(--yb-duration-fast) var(--yb-ease)}a:hover{color:var(--color-primary)}:where(a,button,input,select,textarea):focus-visible{outline:3px solid rgb(100 213 246 / .64);outline-offset:3px}p{line-height:1.8}input,select,textarea{transition:border-color var(--yb-duration) var(--yb-ease),box-shadow var(--yb-duration) var(--yb-ease),background-color var(--yb-duration) var(--yb-ease)}input:focus,select:focus,textarea:focus{border-color:var(--color-glow)!important;box-shadow:0 0 0 3px rgb(100 213 246 / .14)!important}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}@media (max-width:1024px){.bento-grid{gap:1rem}}@media (max-width:768px){.bento-grid{grid-template-columns:1fr;gap:1rem}}.map-unified,#oceanDataMap{width:100%;height:60vh;min-height:400px;border-radius:20px;border:1px solid var(--glass-border);box-shadow:inset 0 0 20px rgb(0 0 0 / .2),0 16px 45px rgb(0 0 0 / .16);z-index:1;overflow:hidden}.leaflet-container{font-family:'Cairo',sans-serif;background:var(--color-bg-deep)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes yb-soft-pulse{0%,100%{opacity:.58;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes yb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}.fade-in{animation:fadeIn 0.6s var(--yb-ease) both}.icon-glow{filter:drop-shadow(0 0 8px var(--color-glow))}.animate-pulse{animation-duration:2.4s}.animate-bounce{animation-duration:1.8s}.yb-reveal{opacity:1;transform:none;transition:opacity var(--yb-duration-slow) var(--yb-ease),transform var(--yb-duration-slow) var(--yb-ease)}.yb-reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.front-page-section{overflow-x:clip}.glass-card,.premium-card,.eco-glass-card,.news-card,.glass-404-card{border-radius:18px}.map-unified,#oceanDataMap{min-height:320px;height:52vh;border-radius:16px}.nav-link::after{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}.yb-reveal{opacity:1;transform:none}}