.layout{flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;-webkit-backdrop-filter:blur(24px)saturate(1.4);border-bottom:1px solid var(--line);background:#ffffffdb;transition:box-shadow .3s;position:sticky;top:0}.header-scrolled{box-shadow:0 1px #0f1e4d0a,0 12px 32px #0f1e4d12}.header-inner{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-icon{background:linear-gradient(135deg, var(--accent-soft), #f973160d);border:1px solid var(--accent-border);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 2px 8px #f973161f}.brand-icon svg{color:var(--accent)}.brand-text{flex-direction:column;line-height:1.05;display:flex}.brand-name{font-family:var(--font-display);color:var(--primary);letter-spacing:.02em;font-size:21px;font-weight:600}.brand-tag{color:var(--accent);letter-spacing:.32em;text-transform:uppercase;font-size:9px;font-weight:700}.boat-logo{overflow:visible}.boat-body{animation:2.5s ease-in-out infinite boatFloat}@keyframes boatFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}.nav-desktop{gap:2px;display:flex}.nav-link{color:var(--text-grey);border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s,background .2s;display:flex;position:relative}.nav-link svg{opacity:.7}.nav-link:after{content:"";background:var(--accent);transform-origin:0;border-radius:2px;height:2px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:5px;left:14px;right:14px;transform:scaleX(0)}.nav-link:hover{color:var(--primary);background:var(--primary-glass)}.nav-link.active{color:var(--accent-deep);background:var(--accent-soft)}.nav-link.active:after{transform:scaleX(1)}.nav-actions{align-items:center;gap:10px;display:flex}.nav-cta{padding:9px 18px;font-size:12.5px}.hamburger{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:none}.mobile-menu{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--line);background:#fffffffa;flex-direction:column;gap:4px;padding:8px 20px 16px;display:none}.mobile-menu-link{color:var(--text-dark);border-radius:12px;align-items:center;gap:10px;padding:13px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.mobile-menu-link:hover,.mobile-menu-link.active{background:var(--accent-soft);color:var(--accent-deep)}.main{flex:1;padding:20px 0 88px}.footer{background:var(--navy-gradient);color:#ffffffbf;margin-top:20px;padding-top:56px;position:relative;overflow:hidden}.footer:before{content:"";pointer-events:none;background:radial-gradient(circle,#f9731629,#0000 62%);border-radius:50%;width:520px;height:520px;position:absolute;top:-45%;right:-15%}.footer:after{content:"";background:var(--noise);pointer-events:none;position:absolute;inset:0}.footer-grid{z-index:1;grid-template-columns:1.5fr 1fr 1.2fr 1fr 1fr;gap:32px;padding-bottom:40px;display:grid;position:relative}.footer-brand-col .brand-icon{box-shadow:none;background:#ffffff14;border-color:#ffffff2e}.footer-brand-col .brand-name{color:#fff}.footer-brand-col .brand-tag{color:#fb923c}.footer-about{color:#ffffff8c;max-width:320px;margin:16px 0 20px;font-size:13px;line-height:1.8}.social-row{gap:8px;display:flex}.social-row a{color:#fffc;background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s;display:flex}.social-row a:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-3px)}.footer-title{letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:18px;font-size:12px;font-weight:700}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-links a{color:#ffffff8c;width:fit-content;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.footer-links a:hover{color:#fb923c;transform:translate(4px)}.footer-nl-text{color:#ffffff80;margin-bottom:14px;font-size:12px;line-height:1.7}.footer-nl{gap:8px;display:flex}.footer-nl input{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;flex:1;padding:11px 18px;font-size:13px}.footer-nl input::placeholder{color:#fff6}.footer-nl input:focus{border-color:var(--accent);box-shadow:none}.footer-nl .btn{padding:10px 18px;font-size:12.5px}.footer-nl-status{color:#4ade80;margin-top:8px;font-size:11.5px;font-weight:600;line-height:1.5}.footer-contact{gap:10px;font-size:13px;display:grid}.footer-contact span,.footer-contact a{color:#ffffff8c;align-items:center;gap:8px;text-decoration:none;display:flex}.footer-contact a:hover{color:#fb923c}.footer-contact svg{color:#fb923c;flex-shrink:0}.footer-bottom{text-align:center;z-index:1;border-top:1px solid #ffffff12;padding:18px 0;position:relative}.footer-copy{color:#ffffff61;letter-spacing:.04em;font-size:11.5px}.footer-cross-links{color:#ffffff59;margin-top:8px;font-size:11px}.footer-cross-links a{color:#f97316;margin:0 4px;text-decoration:none}.footer-cross-links a:hover{text-decoration:underline}.nav-bottom{display:none}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:28px}}@media (width<=768px){.nav-desktop{display:none}.hamburger,.mobile-menu{display:flex}.header{background:#ffffffe6}.footer-grid{grid-template-columns:1fr;gap:32px;padding-bottom:28px}.nav-bottom{-webkit-backdrop-filter:blur(24px)saturate(1.4);border-top:1px solid var(--line);z-index:100;background:#ffffffeb;height:62px;padding-bottom:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-bottom-item{color:var(--text-grey);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.nav-bottom-item.active{color:var(--accent)}.main{padding-bottom:84px}}@media (width<=480px){.header-inner{height:60px}.brand-name{font-size:19px}.brand-icon{border-radius:12px;width:38px;height:38px}.nav-cta span{display:none}.footer{padding-top:40px}.footer-about{font-size:12px}.nav-bottom{height:66px;padding-bottom:6px}.nav-bottom-item{font-size:10.5px}.footer-nl{flex-direction:column}}:root{--bg:#f6f8fc;--bg-warm:#fbf9f6;--card:#fff;--accent:#f97316;--accent-deep:#ea580c;--accent-soft:#fff3e8;--accent-light:#f973161a;--accent-border:#f9731638;--primary:#0f1e4d;--primary-deep:#0a1436;--primary-light:#0f1e4d14;--primary-glass:#0f1e4d0a;--text-dark:#1e293b;--text-grey:#64748b;--line:#0f1e4d14;--green:#16a34a;--red:#e74c3c;--gold:#eab308;--glass:#ffffff80;--glass-border:#ffffff4d;--glass-dark:#ffffff0f;--navy-gradient:linear-gradient(165deg, #0f1e4d 0%, #16285c 45%, #0a1436 100%);--hero-gradient:linear-gradient(180deg, #f973161f 0%, #f4f8ffe6 55%, #f6f8fc 100%);--shadow-sm:0 1px 2px #0f1e4d0a, 0 4px 12px #0f1e4d0d;--shadow:0 2px 4px #0f1e4d0a, 0 12px 32px #0f1e4d14;--shadow-lg:0 8px 16px #0f1e4d0f, 0 24px 64px #0f1e4d1f;--shadow-glow:0 8px 40px #f973162e;--radius:12px;--radius-lg:20px;--radius-xl:28px;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}::selection{color:var(--primary-deep);background:#f9731633}body{font-family:var(--font-body);background:var(--bg);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600}.btn{font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,background .25s,color .25s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 20px #f9731647}.btn-primary:hover{background:var(--accent-deep);transform:translateY(-2px);box-shadow:0 10px 28px #f9731659}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--accent-soft);color:var(--accent-deep)}.btn-secondary:hover{background:#f9731629}.btn-outline{border:1.5px solid var(--accent-border);color:var(--accent-deep);background:0 0}.btn-outline:hover{background:var(--accent-soft);border-color:var(--accent)}.btn-ghost{background:var(--primary-light);color:var(--primary)}.btn-ghost:hover{background:#0f1e4d1f}.btn-dark{background:var(--primary);color:#fff;box-shadow:0 6px 20px #0f1e4d40}.btn-dark:hover{background:var(--primary-deep);transform:translateY(-2px)}.btn-light{color:var(--primary);background:#fff;box-shadow:0 6px 20px #00000026}.btn-light:hover{transform:translateY(-2px)}.btn-sm{padding:9px 20px;font-size:13px}.btn-block{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none!important}.sec-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin-bottom:16px;font-size:12px;font-weight:700;display:inline-flex}.sec-kicker:before,.sec-kicker.center:after{content:"";background:var(--accent);opacity:.7;width:28px;height:1.5px}.section-title{font-family:var(--font-display);color:var(--primary);letter-spacing:-.015em;margin-bottom:12px;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.15}.section-title em,.gradient-text{font-style:italic}.gradient-text{background:linear-gradient(120deg, var(--accent) 0%, #fb923c 60%, var(--accent-deep) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-subtitle{color:var(--text-grey);max-width:560px;margin-bottom:40px;font-size:15px;line-height:1.7}.section-subtitle.center{margin-left:auto;margin-right:auto}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{box-shadow:var(--shadow)}.card-glass{-webkit-backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1a}.badge{letter-spacing:.06em;border-radius:999px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-block}.badge-accent{background:var(--accent);color:#fff}.badge-green{color:var(--green);background:#e8f5e9}.badge-red{color:var(--red);background:#ffebee}.badge-ghost{background:var(--primary-light);color:var(--primary)}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:.6s cubic-bezier(.22,1,.36,1) both fadeUp}.animate-fade-in{animation:.6s ease-out both fadeIn}.animate-reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(36px)}.animate-reveal.visible{opacity:1;transform:translateY(0)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.pulse{animation:1.5s ease-in-out infinite pulse}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.card-float{animation:5s ease-in-out infinite cardFloat}.stagger>*{opacity:0;animation:.55s cubic-bezier(.22,1,.36,1) forwards fadeUp}.stagger>:first-child{animation-delay:50ms}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid #f9731626;border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.loading-state,.empty-state{text-align:center;color:var(--text-grey);padding:60px 20px}.empty-state svg{color:#ddd;margin-bottom:16px}.empty-state h3{font-family:var(--font-body);color:var(--text-dark);margin-bottom:4px;font-size:16px;font-weight:700}.back-btn{background:var(--card);border:1px solid var(--line);color:var(--text-grey);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:6px;margin-bottom:20px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.back-btn:hover{color:var(--accent);border-color:var(--accent-border);transform:translate(-3px)}input,select,textarea{border:1.5px solid var(--line);width:100%;font-size:14px;font-family:var(--font-body);color:var(--text-dark);background:#fff;border-radius:12px;outline:none;padding:13px 16px;font-weight:500;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #f9731614}input::placeholder{color:var(--text-grey);font-weight:400}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f1e4d26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0f1e4d4d}@media (width<=768px){.container{padding:0 20px}.section-title{font-size:26px}.section-subtitle{margin-bottom:28px;font-size:14px}.grid-2,.grid-3{grid-template-columns:1fr}.btn-sm{padding:8px 16px;font-size:12px}.back-btn{padding:8px 14px;font-size:12px}input,select,textarea{font-size:16px}}@media (width<=480px){.container{padding:0 16px}.section-title{font-size:23px}.section-subtitle{font-size:13px}.btn{padding:11px 22px;font-size:13px}.btn-sm{padding:7px 14px;font-size:11px}.badge{padding:4px 10px;font-size:10px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);min-height:100vh}#root{min-height:100vh}img{max-width:100%;display:block}input,select,button,textarea{font-family:inherit}a{color:inherit;text-decoration:none}