:root{--primary-navy:#0b192c;--primary-navy-rgb:11, 25, 44;--secondary-blue:#1e3e62;--accent-gold:#c5a880;--accent-gold-hover:#b4966e;--bg-light:#f6f8fa;--bg-white:#fff;--text-dark:#1e293b;--text-muted:#64748b;--text-light:#f8fafc;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 20px -2px #00000014;--shadow-lg:0 10px 30px -10px #0000001f;--glass-bg:#ffffffd9;--glass-bg-dark:#0b192cd9;--glass-border:#fff6;--glass-blur:blur(12px);--font-headings:"Playfair Display", Georgia, serif;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--header-height:80px;--container-width:1200px;--radius-sm:4px;--radius-md:12px;--radius-lg:20px;--transition-smooth:all .35s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);color:var(--text-dark);background-color:var(--bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--bg-light);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--primary-navy);font-weight:700;line-height:1.25}h1{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4rem)}h2{letter-spacing:-.01em;margin-bottom:1rem;font-size:clamp(1.8rem,3.5vw,2.5rem);display:inline-block;position:relative}h2.section-title:after{content:"";background-color:var(--accent-gold);width:50px;height:2px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}h3{margin-bottom:.75rem;font-size:1.5rem}p{color:var(--text-dark);margin-bottom:1.25rem;line-height:1.65}a{color:var(--secondary-blue);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-gold)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 2rem}@media (width<=576px){.container{padding:0 1rem}}.section{padding:6rem 0;position:relative}.section-alt{background-color:var(--bg-white)}.grid-2{grid-template-columns:repeat(2,1fr);align-items:center;gap:3rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=968px){.grid-2,.grid-3{grid-template-columns:1fr;gap:2rem}.section{padding:4rem 0}}.btn{border-radius:var(--radius-md);transition:var(--transition-smooth);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--accent-gold);color:var(--primary-navy)}.btn-primary:hover{background-color:var(--accent-gold-hover);color:var(--primary-navy);transform:translateY(-2px);box-shadow:0 4px 12px #c5a8804d}.btn-secondary{color:var(--text-light);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000;border:1px solid #fff6}.btn-secondary:hover{color:#fff;background-color:#ffffff26;border-color:#fffc;transform:translateY(-2px)}.btn-outline{color:var(--primary-navy);border:1.5px solid var(--primary-navy);background-color:#0000}.btn-outline:hover{background-color:var(--primary-navy);color:#fff;transform:translateY(-2px)}.btn-footer{color:#ffffffe6;background-color:#0000;border:1.5px solid #ffffff4d}.btn-footer:hover{background-color:var(--accent-gold);color:var(--primary-navy);border-color:var(--accent-gold);transform:translateY(-2px)}.header{height:var(--header-height);z-index:1000;background-color:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);transition:var(--transition-smooth);position:fixed;top:0;left:0;right:0}.header.scrolled{height:70px;box-shadow:var(--shadow-md);background-color:#ffffffeb}.header-container{justify-content:space-between;align-items:center;height:100%;display:flex}.logo-link{font-family:var(--font-headings);color:var(--primary-navy);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.logo-img{object-fit:contain;border:1px solid var(--accent-gold);border-radius:50%;width:45px;height:45px}.nav{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--primary-navy);padding:.5rem 0;font-size:.95rem;font-weight:600;position:relative}.nav-link:after{content:"";background-color:var(--accent-gold);width:0;height:2px;transition:var(--transition-fast);position:absolute;bottom:0;left:0}.nav-link.active{color:var(--accent-gold)}.nav-link.active:after,.nav-link:hover:after{width:100%}.menu-btn{cursor:pointer;z-index:1010;background:0 0;border:none;padding:.5rem;display:none}.menu-btn-bar{background-color:var(--primary-navy);width:25px;height:2px;transition:var(--transition-fast);margin:5px 0;display:block}@media (width<=768px){.menu-btn{display:block}.nav{background-color:var(--primary-navy);z-index:1005;width:280px;height:100vh;transition:var(--transition-smooth);flex-direction:column;justify-content:center;gap:2.5rem;padding:2rem;position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #00000040}.nav.open{right:0}.nav-link{color:var(--text-light);font-size:1.25rem}.nav-link.active{color:var(--accent-gold)}.menu-btn.open .menu-btn-bar:first-child{background-color:var(--text-light);transform:translateY(7px)rotate(45deg)}.menu-btn.open .menu-btn-bar:nth-child(2){opacity:0}.menu-btn.open .menu-btn-bar:nth-child(3){background-color:var(--text-light);transform:translateY(-7px)rotate(-45deg)}}.view-container{margin-top:var(--header-height);flex-direction:column;flex-grow:1;animation:.6s cubic-bezier(.16,1,.3,1) forwards viewFadeIn;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero-sec{min-height:calc(85vh - var(--header-height));background-color:var(--primary-navy);color:#fff;align-items:center;padding:5rem 0;display:flex;position:relative;overflow:hidden}.hero-sec:before{content:"";width:100%;height:140%;transform:translateY(calc(var(--scroll-y,0px) * .35));will-change:transform;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30' viewBox='0 0 60 30'%3E%3Cpath d='M0 15 Q 15 5%2C 30 15 T 60 15' fill='none' stroke='%23c5a880' stroke-width='1.2' opacity='0.15'/%3E%3C/svg%3E");background-repeat:repeat;background-size:60px 30px;position:absolute;top:0;left:0}.hero-sec.sub-banner{min-height:35vh}.hero-sec.satama-banner:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 40 0 L 0 0 0 40' fill='none' stroke='%23c5a880' stroke-width='1' opacity='0.08'/%3E%3C/svg%3E");background-size:40px 40px}.hero-sec.kerho-banner:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M0 40 L40 0 M-10 10 L10 -10 M30 50 L50 30' fill='none' stroke='%23c5a880' stroke-width='1.2' opacity='0.1'/%3E%3C/svg%3E");background-size:40px 40px}.hero-sec.jasenyys-banner:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='20' fill='none' stroke='%23c5a880' stroke-width='1' opacity='0.08'/%3E%3Ccircle cx='25' cy='25' r='5' fill='none' stroke='%23c5a880' stroke-width='1' opacity='0.08'/%3E%3Cpath d='M25 0 L25 50 M0 25 L50 25' fill='none' stroke='%23c5a880' stroke-width='0.8' opacity='0.08'/%3E%3C/svg%3E");background-size:50px 50px}.hero-sec.yhteystiedot-banner:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15 0 L30 15 L15 30 L0 15 Z' fill='none' stroke='%23c5a880' stroke-width='1' opacity='0.08'/%3E%3C/svg%3E");background-size:30px 30px}.hero-sec.tietosuoja-banner:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 5 L35 12 L35 25 C35 32 20 37 20 37 C20 37 5 32 5 25 L5 12 Z' fill='none' stroke='%23c5a880' stroke-width='1' opacity='0.08'/%3E%3C/svg%3E");background-size:40px 40px}.hero-overlay{z-index:1;background:linear-gradient(#0b192ccc,#0b192c80 60%,#0b192cd9);position:absolute;inset:0}.hero-content{z-index:2;max-width:700px;position:relative}.hero-subtitle{text-transform:uppercase;letter-spacing:.2em;color:var(--accent-gold);margin-bottom:1rem;font-size:1rem;font-weight:700}.hero-title{color:#fff;margin-bottom:1.5rem}.hero-desc{color:#ffffffe6;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.7}.hero-buttons{gap:1rem;display:flex}@media (width<=576px){.hero-buttons{flex-direction:column}}.card{background-color:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);border:1px solid var(--border-color);padding:2.5rem;position:relative;overflow:hidden}.card:before{content:"";background-color:var(--accent-gold);transform-origin:0;width:100%;height:4px;transition:var(--transition-smooth);position:absolute;top:0;left:0;transform:scaleX(0)}.card:hover{box-shadow:var(--shadow-lg);border-color:#c5a88033;transform:translateY(-5px)}.card:hover:before{transform:scaleX(1)}.card-icon{border-radius:var(--radius-sm);width:50px;height:50px;color:var(--accent-gold);background-color:#c5a8801a;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.card h3{color:var(--primary-navy)}.card p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.card-link{color:var(--accent-gold);align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:inline-flex}.card-link:hover{color:var(--primary-navy)}.news-weather-grid{grid-template-columns:2fr 1fr;gap:2rem;display:grid}@media (width<=968px){.news-weather-grid{grid-template-columns:1fr}}.bulletins-container{flex-direction:column;gap:1rem;display:flex}.bulletin-item{padding:0}.bulletin-meta{color:var(--text-muted);gap:1rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.bulletin-tag{color:var(--accent-gold);text-transform:uppercase}.bulletin-title{font-size:1.25rem;font-family:var(--font-body);transition:var(--transition-fast);margin-bottom:.35rem;font-weight:700}.bulletin-desc{color:var(--text-muted);margin-bottom:0;font-size:.95rem;line-height:1.55}.bulletin-card-link{color:inherit;border-radius:var(--radius-md);transition:var(--transition-smooth);background-color:var(--bg-white);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:1.25rem 1.5rem;text-decoration:none;display:block}.bulletin-card-link:hover{background-color:var(--bg-white);box-shadow:var(--shadow-md);border-color:#c5a88066;transform:translateY(-3px)}.bulletin-card-link:hover .bulletin-title{color:var(--secondary-blue)}.bulletin-arrow{color:var(--accent-gold);transition:transform .2s;display:inline-block}.bulletin-card-link:hover .bulletin-arrow{transform:translate(6px)}.article-header-sec{background-color:var(--bg-white);border-bottom:1px solid var(--border-color);padding:4rem 0 2rem}.article-back-nav{margin-bottom:2rem}.back-link{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.back-link span{transition:transform .2s}.back-link:hover{color:var(--primary-navy)}.back-link:hover span{transform:translate(-4px)}.article-title-area{max-width:800px}.article-title{font-family:var(--font-headings);color:var(--primary-navy);margin-top:.5rem;font-size:clamp(2rem,4vw,2.75rem);line-height:1.2}.article-layout{margin:0 auto;max-width:800px!important}.article-main-content{flex-direction:column;gap:2.5rem;display:flex}.article-image-wrapper{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-md);overflow:hidden}.article-image{object-fit:cover;width:100%;max-height:450px}.article-body{color:var(--text-dark);font-size:1.1rem;line-height:1.8}.article-lead{color:var(--primary-navy);border-left:4px solid var(--accent-gold);margin-bottom:2rem;padding-left:1.5rem;font-size:1.25rem;font-weight:600;line-height:1.7}.article-para{margin-bottom:1.5rem}.article-cta-box{background:linear-gradient(135deg, var(--primary-navy) 0%, var(--secondary-blue) 100%);color:#fff;border-radius:var(--radius-md);border:1px solid #c5a88033;justify-content:space-between;align-items:center;gap:2rem;margin-top:3rem;padding:3rem;display:flex;position:relative;overflow:hidden}.article-cta-box:after{content:"⚓";opacity:.04;pointer-events:none;font-size:8rem;position:absolute;bottom:-30px;right:-10px}.article-cta-content{flex:1}.article-cta-content h3{color:#fff;font-family:var(--font-body);margin-bottom:.75rem;font-size:1.5rem}.article-cta-content p{color:#fffc;margin-bottom:0;font-size:.95rem;line-height:1.6}.article-cta-action{flex-shrink:0}@media (width<=768px){.article-cta-box{text-align:center;flex-direction:column;padding:2rem}.article-cta-action,.article-cta-action .btn{width:100%}}.weather-widget{background-color:var(--primary-navy);color:#fff;border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;padding:2.5rem;display:flex;position:relative;overflow:hidden}.weather-widget:after{content:"⚓";opacity:.03;pointer-events:none;font-size:10rem;position:absolute;bottom:-20px;right:-20px}.weather-title{color:#fff;font-family:var(--font-body);border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem}.weather-info{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.weather-temp{font-size:3rem;font-family:var(--font-headings);color:var(--accent-gold);font-weight:700}.weather-details{flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.weather-info .weather-details{text-align:right;align-items:flex-end}.weather-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;gap:2rem;padding-bottom:.5rem;display:flex}.weather-row span:last-child{text-align:right;font-weight:700}.harbor-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem;display:grid}@media (width<=768px){.harbor-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.harbor-stats-grid{grid-template-columns:1fr;max-width:320px;margin-inline:auto}}.harbor-stat{background-color:var(--bg-light);border-radius:var(--radius-md);text-align:center;padding:1.5rem}.harbor-stat-num{font-size:2rem;font-family:var(--font-headings);color:var(--accent-gold);margin-bottom:.25rem;font-weight:700}.harbor-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.map-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);background-color:#e6eef8;height:400px;position:relative;overflow:hidden}.graphic-harbor-map{width:100%;height:100%;position:relative;overflow:hidden}.water-bg{background:radial-gradient(circle at 70% 30%,#eef5ff 0%,#d4e5f9 100%);width:100%;height:100%}.land-shape{border:2px solid var(--border-color);background-color:#e2e8f0;position:absolute}.land-main{background-color:#e9ecef;border-radius:0 150px 150px 0;width:350px;height:500px;top:-50px;left:-50px}.dock-line{border-radius:var(--radius-sm);color:#fff;background-color:#a0aec0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute}.dock-a{width:15px;height:250px;top:50px;left:200px}.dock-b{width:15px;height:200px;top:100px;left:320px}.dock-c{width:180px;height:15px;top:50px;left:200px}.map-marker{background-color:var(--accent-gold);cursor:pointer;width:16px;height:16px;transition:var(--transition-fast);border:2px solid #fff;border-radius:50%;position:absolute;box-shadow:0 0 0 4px #c5a88066}.map-marker:hover{transform:scale(1.3)}.marker-clubhouse{top:150px;left:100px}.marker-ramp{top:280px;left:140px}.marker-gate{top:220px;left:45px}.map-legend{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);z-index:10;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;font-size:.85rem;display:flex;position:absolute;bottom:1.5rem;right:1.5rem}.legend-item{align-items:center;gap:.75rem;font-weight:600;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.gold{background-color:var(--accent-gold)}.legend-dot.blue{background-color:#a0aec0}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem;display:grid}@media (width<=1200px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.pricing-grid{grid-template-columns:1fr;max-width:450px;margin-inline:auto}}.pricing-card{background-color:var(--bg-white);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-color);transition:var(--transition-smooth);flex-direction:column;justify-content:space-between;padding:3rem 2rem;display:flex}.pricing-card.featured{border:2px solid var(--accent-gold);box-shadow:var(--shadow-lg);position:relative;transform:translateY(-8px)}.pricing-card.featured:after{content:"SUOSITUIN";background-color:var(--accent-gold);color:var(--primary-navy);letter-spacing:.05em;border-radius:100px;padding:.25rem .75rem;font-size:.7rem;font-weight:700;position:absolute;top:15px;right:15px}.pricing-card:hover:not(.featured){box-shadow:var(--shadow-md);transform:translateY(-4px)}.pricing-header h3{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.pricing-price{font-size:3.5rem;font-family:var(--font-headings);color:var(--primary-navy);margin-bottom:2rem;font-weight:700}.pricing-price span{font-size:1rem;font-family:var(--font-body);color:var(--text-muted);font-weight:500}.pricing-features{text-align:left;flex-direction:column;gap:1rem;margin-bottom:2.5rem;list-style:none;display:flex}.pricing-features li{color:var(--text-dark);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.pricing-features li:before{content:"✓";color:var(--accent-gold);font-size:1.1rem;font-weight:700}.form-card{background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);max-width:800px;margin:0 auto;padding:3.5rem}@media (width<=576px){.form-card{border-radius:var(--radius-md);padding:1.5rem 1rem}}.form-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.form-group-full{grid-column:span 2}@media (width<=576px){.form-grid>*{grid-column:span 2}}.form-group{text-align:left;flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--primary-navy);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.form-control{border-radius:var(--radius-md);border:1.5px solid var(--border-color);font-family:var(--font-body);color:var(--text-dark);background-color:var(--bg-light);transition:var(--transition-fast);padding:.9rem 1.25rem;font-size:.95rem}.form-control:focus{border-color:var(--accent-gold);background-color:var(--bg-white);outline:none;box-shadow:0 0 0 4px #c5a88026}textarea.form-control{resize:vertical;min-height:120px}.form-success-banner{color:#065f46;border-radius:var(--radius-md);background-color:#ecfdf5;border:1px solid #a7f3d0;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;font-weight:600;animation:.4s viewFadeIn;display:flex}.membership-pricing-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto;display:grid}@media (width<=768px){.membership-pricing-grid{grid-template-columns:1fr;max-width:450px}.pricing-card.featured{box-shadow:var(--shadow-md);transform:none}}.type-selector-container{background-color:var(--bg-light);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:2.5rem;padding:1.5rem}@media (width<=576px){.type-selector-container{padding:1rem}}.type-selector-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=768px){.type-selector-grid{grid-template-columns:1fr}}.type-selector-item{border-radius:var(--radius-md);border:2px solid var(--border-color);background-color:var(--bg-white);cursor:pointer;transition:var(--transition-fast);color:var(--text-muted);align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:600;display:flex}@media (width<=768px){.type-selector-item{padding:.75rem 1rem}}.type-selector-item.active{border-color:var(--accent-gold);color:var(--primary-navy);background-color:#c5a88014}.board-grid{grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem;display:grid}@media (width<=968px){.board-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.board-grid{grid-template-columns:1fr}}.board-card{background-color:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border-color);text-align:center;transition:var(--transition-smooth);width:100%;max-width:300px;margin:0 auto;overflow:hidden}.board-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.board-avatar{aspect-ratio:1;background-color:var(--primary-navy);width:100%;color:var(--accent-gold);border-bottom:1.5px solid var(--accent-gold);justify-content:center;align-items:center;font-size:4rem;display:flex}.board-info{padding:1.5rem}.board-name{color:var(--primary-navy);font-size:1.1rem;font-weight:700;font-family:var(--font-body);margin-bottom:.25rem}.board-role{color:var(--accent-gold);text-transform:uppercase;margin-bottom:.75rem;font-size:.85rem;font-weight:700}.board-contact{color:var(--text-muted);font-size:.85rem}.doc-list{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem;list-style:none;display:grid}@media (width<=768px){.doc-list{grid-template-columns:1fr}}.doc-item{background-color:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition-fast);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.doc-item:hover{border-color:var(--accent-gold);background-color:#c5a88008}.doc-info{align-items:center;gap:1rem;display:flex}.doc-icon{color:var(--accent-gold);font-size:1.5rem}.doc-name{color:var(--primary-navy);font-size:.95rem;font-weight:600}.doc-size{color:var(--text-muted);font-size:.8rem}.doc-download-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);font-size:1.25rem}.doc-download-btn:hover{color:var(--accent-gold);transform:translateY(1px)}.footer{background-color:var(--primary-navy);color:#ffffffb3;border-top:4px solid var(--accent-gold);margin-top:auto;padding:5rem 0 2rem}.footer-top{grid-template-columns:2fr 1fr 1.5fr;gap:4rem;margin-bottom:4rem;display:grid}@media (width<=968px){.footer-top{text-align:center;grid-template-columns:1fr;gap:3rem}}.footer-logo{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}@media (width<=968px){.footer-logo{justify-content:center}}.footer-logo-text{font-family:var(--font-headings);color:#fff;font-size:1.5rem;font-weight:700}.footer-desc{color:#fffc;max-width:400px;margin-bottom:0;font-size:.95rem;line-height:1.6}@media (width<=968px){.footer-desc{margin-inline:auto}}.footer-title{color:#fff;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.footer-links{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-links a{color:#ffffffb3;font-size:.95rem}.footer-links a:hover{color:var(--accent-gold);padding-left:5px}.footer-contacts{flex-direction:column;gap:1rem;font-size:.95rem;list-style:none;display:flex}.footer-contacts li{align-items:flex-start;gap:.75rem;display:flex}@media (width<=968px){.footer-contacts li{justify-content:center}}.footer-contact-icon{color:var(--accent-gold);margin-top:.15rem}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:2rem;font-size:.85rem;display:flex}@media (width<=768px){.footer-bottom{flex-direction:column;align-items:center;gap:1rem}}.footer-bottom p{color:#ffffff80;margin-bottom:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.radar-container{z-index:2;pointer-events:auto;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.hero-container{justify-content:space-between;align-items:center;gap:4rem;width:100%;display:flex}.radar-scope{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0b192ca6;border:1.5px solid #c5a88073;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 25px #c5a8801f,inset 0 0 40px #060f1be6}.radar-ring{border:1px dashed #c5a88026;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radar-ring-25{width:25%;height:25%}.radar-ring-50{width:50%;height:50%}.radar-ring-75{width:75%;height:75%}.radar-ring-100{width:100%;height:100%}.radar-axis{background-color:#c5a8801f;position:absolute}.radar-axis-h{height:1px;top:50%;left:0;right:0;transform:translateY(-50%)}.radar-axis-v{width:1px;top:0;bottom:0;left:50%;transform:translate(-50%)}.radar-sweep{pointer-events:none;transform-origin:50%;background:conic-gradient(#0000 50%,#c5a88014 80%,#c5a88059 100%);border-radius:50%;width:100%;height:100%;animation:8s linear infinite radar-spin;position:absolute;top:0;left:0}.radar-center-dot{border:1px solid var(--accent-gold);z-index:12;background-color:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #fff}.radar-center-label{color:#ffffff8c;text-shadow:0 1px 2px #000c;z-index:12;font-size:.65rem;font-weight:600;position:absolute;top:45%;left:50%;transform:translate(-50%)}.radar-cardinal-label{color:#c5a88073;font-size:.7rem;font-weight:700;position:absolute}.radar-label-n{top:6px;left:50%;transform:translate(-50%)}.radar-label-s{bottom:6px;left:50%;transform:translate(-50%)}.radar-label-e{top:50%;right:8px;transform:translateY(-50%)}.radar-label-w{top:50%;left:8px;transform:translateY(-50%)}.radar-range-label{color:#ffffff4d;font-size:.65rem;font-weight:500;position:absolute;bottom:12%;right:12%}.radar-blip{background-color:var(--accent-gold);cursor:pointer;z-index:10;border-radius:50%;width:9px;height:9px;transition:transform .2s ease-in-out,background-color .2s,box-shadow .2s;animation:2.5s ease-in-out infinite radar-pulse-blip;position:absolute;transform:translate(-50%,-50%)}.radar-blip:hover{box-shadow:0 0 12px #fff, 0 0 4px var(--accent-gold);z-index:20;background-color:#fff;animation-play-state:paused;transform:translate(-50%,-50%)scale(1.6)}.radar-tooltip{color:#fff;z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:left;background:#081322f0;border:1px solid #c5a88066;border-radius:8px;width:210px;padding:10px 12px;font-size:.78rem;line-height:1.4;transition:opacity .15s ease-in-out;position:absolute;box-shadow:0 6px 20px #0009}.radar-tooltip-header{color:#fff;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #ffffff26;margin-bottom:6px;padding-bottom:4px;font-size:.82rem;font-weight:700;overflow:hidden}.radar-tooltip-row{color:#ffffffd9;justify-content:space-between;margin-bottom:3px;display:flex}.radar-tooltip-row span:first-child{color:#ffffff80}.radar-tooltip-row span:last-child{font-weight:500}.radar-scanning-text{color:#c5a88080;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;font-family:monospace;font-size:.62rem;display:flex;position:absolute;top:14px;left:14px}.radar-scanning-dot{background-color:var(--accent-gold);border-radius:50%;width:5px;height:5px;animation:1.5s step-end infinite radar-dot-blink}@keyframes radar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes radar-pulse-blip{0%{box-shadow:0 0 #c5a880b3}70%{box-shadow:0 0 0 6px #c5a88000}to{box-shadow:0 0 #c5a88000}}@keyframes radar-dot-blink{50%{opacity:0}}@media (width<=992px){.hero-container{flex-direction:column;align-items:flex-start;gap:3rem;display:flex}.radar-container{opacity:1;pointer-events:auto;z-index:2;align-self:center;width:320px;height:320px;margin-top:1rem;position:relative}}.cookie-banner-overlay{z-index:1000;pointer-events:none;max-width:440px;position:fixed;bottom:2rem;right:2rem}.cookie-banner{pointer-events:auto;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b192cf0;border:1.5px solid #c5a88066;flex-direction:column;gap:1.25rem;padding:1.5rem;animation:.4s cubic-bezier(.16,1,.3,1) cookieBannerFadeUp;display:flex;box-shadow:0 10px 30px #00000080,0 0 15px #c5a8801a}.cookie-banner-buttons{justify-content:flex-end;gap:.75rem;display:flex}.btn-cookie{border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:700;font-family:var(--font-body);border:1px solid #0000;padding:.6rem 1.25rem;transition:all .2s ease-in-out}.btn-cookie-primary{background-color:var(--accent-gold);color:var(--primary-navy)}.btn-cookie-primary:hover{color:var(--primary-navy);background-color:#fff;box-shadow:0 0 12px #ffffff4d}.btn-cookie-secondary{color:#ffffffbf;background-color:#0000;border:1px solid #ffffff40}.btn-cookie-secondary:hover{color:#fff;background-color:#ffffff0d;border-color:#fff9}@keyframes cookieBannerFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=576px){.cookie-banner-overlay{max-width:none;bottom:1rem;left:1rem;right:1rem}.cookie-banner{gap:1rem;padding:1.25rem}.cookie-banner-buttons{flex-direction:column;gap:.5rem}.btn-cookie{text-align:center;width:100%;padding:.7rem}}.footer-cookie-btn{color:#ffffffbf;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;transition:color .2s}.footer-cookie-btn:hover{color:var(--accent-gold)}.radar-harbor-mark{cursor:pointer;z-index:5;flex-direction:column;align-items:center;transition:transform .2s ease-in-out;display:flex;position:absolute;transform:translate(-50%,-50%)}.radar-harbor-mark:hover{z-index:25;transform:translate(-50%,-50%)scale(1.1)}.radar-harbor-dot{background-color:#10b981;border:1px solid #fff6;border-radius:50%;width:7px;height:7px;transition:background-color .2s,box-shadow .2s;box-shadow:0 0 6px #10b98199}.radar-harbor-mark:hover .radar-harbor-dot{background-color:#34d399;box-shadow:0 0 10px #34d399,0 0 4px #10b981}.radar-harbor-label{color:#ffffff73;white-space:nowrap;pointer-events:none;background-color:#0b192c99;border-radius:3px;margin-top:2px;padding:0 3px;font-size:.55rem;font-weight:600;transition:color .2s,background-color .2s}.radar-harbor-mark:hover .radar-harbor-label{color:#34d399;background-color:#0b192cf2}