:root{--navy-deep:#0a1628;--navy-dark:#0f2744;--navy-medium:#1a3a5c;--ocean-blue:#2c5f8d;--aqua-light:#4a9eca;--aqua-bright:#5bc0de;--gold:#f4a261;--gold-bright:#ffb84d;--orange:#e76f51;--white:#fff;--white-soft:#f0f4f8;--gray-light:#b0c4d4;--gray-medium:#6b8299;--success:#2dd4bf;--warning:#f4a261;--error:#e76f51;--info:#5bc0de}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--navy-deep) 0,var(--navy-dark) 50%,var(--navy-medium) 100%);color:var(--white-soft);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .3s ease}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}button:active:not(:disabled){transform:translateY(0);transition:transform .1s ease}button:disabled{opacity:.5;cursor:not-allowed}.maritime-card{background:rgba(26,58,92,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,158,202,.2);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);transition:all .5s ease}.maritime-card.strengthen-mode{background:rgba(58,42,26,.5);border:1px solid rgba(255,184,77,.3)}.maritime-button{background:linear-gradient(135deg,var(--ocean-blue),var(--aqua-light));color:var(--white);padding:12px 24px;border-radius:8px;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 12px rgba(74,158,202,.3)}.maritime-button:hover:not(:disabled){background:linear-gradient(135deg,var(--aqua-light),var(--aqua-bright))}.maritime-button-secondary{background:hsla(0,0%,100%,.1);color:var(--white);border:1px solid hsla(0,0%,100%,.2);padding:12px 24px;border-radius:8px;font-weight:500}.maritime-button-secondary:hover:not(:disabled){background:hsla(0,0%,100%,.15);border-color:var(--aqua-light)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;max-height:2000px}to{opacity:0;max-height:0}}@keyframes expandDown{0%{opacity:0;max-height:0;transform:scaleY(.95);transform-origin:top}to{opacity:1;max-height:5000px;transform:scaleY(1)}}@keyframes collapseUp{0%{opacity:1;max-height:5000px;transform:scaleY(1)}to{opacity:0;max-height:0;transform:scaleY(.95);transform-origin:top}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes progressFill{0%{width:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fadeOut{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fadeIn{animation:fadeIn .4s ease-out forwards}.animate-slideDown{animation:slideDown .3s ease-out forwards;overflow:hidden}.animate-scaleIn{animation:scaleIn .3s ease-out forwards}.animate-expandDown{animation:expandDown .4s cubic-bezier(.4,0,.2,1) forwards;overflow:hidden}.animate-collapseUp{animation:collapseUp .3s cubic-bezier(.4,0,.2,1) forwards;overflow:hidden}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--navy-dark)}::-webkit-scrollbar-thumb{background:var(--ocean-blue);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--aqua-light)}body,html{overflow-x:hidden;max-width:100vw}@media (max-width:768px){body{font-size:14px;padding:8px!important}.container{padding:12px}.maritime-card{border-radius:8px;padding:16px!important;max-width:100%!important;overflow-x:hidden}.maritime-button,.maritime-button-secondary{padding:10px 18px;font-size:14px}button{min-height:44px}h1{font-size:24px!important}h2{font-size:18px!important}h3{font-size:16px!important}[style*="display: flex"]{flex-wrap:wrap!important}[style*="whiteSpace: 'nowrap'"]{white-space:normal!important}[style*=gridTemplateColumns]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important}body>div{max-width:100vw!important;padding-left:8px!important;padding-right:8px!important;box-sizing:border-box!important}.maritime-card[style*="maxWidth: '1200px'"],.maritime-card[style*="maxWidth: '900px'"]{max-width:100%!important;width:100%!important}.maritime-card .maritime-card,.maritime-card>div>div{width:100%!important}button{padding:10px 14px!important;white-space:normal!important;line-height:1.4!important;word-break:break-word!important}button,span,strong{font-size:13px!important}p{font-size:12px!important}*{word-break:break-word;overflow-wrap:break-word}div[style*="display: 'flex'"][style*="flexDirection: 'column'"]>div{width:100%!important}}@media (max-width:480px){body{font-size:13px}.container{padding:8px}.maritime-card{padding:12px!important;border-radius:6px}.maritime-button,.maritime-button-secondary{padding:8px 14px;font-size:13px}h1{font-size:20px!important}h2{font-size:16px!important}h3{font-size:14px!important}svg{width:18px;height:18px}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none}.show-mobile{display:block}body>div{padding:12px!important}.maritime-card>div[style*="display: flex"]{flex-wrap:wrap!important}.maritime-card{max-width:100%!important}div[style*=gridTemplateColumns]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important}[style*="gap: '15px'"]{gap:10px!important}.maritime-button,.maritime-button-secondary{white-space:nowrap}.maritime-card .maritime-card{padding:12px!important}}@media (max-width:360px){.maritime-card{padding:10px!important}.maritime-button,.maritime-button-secondary{padding:8px 12px!important;font-size:12px!important}h1{font-size:18px!important}h2{font-size:15px!important}h3{font-size:13px!important}}@media (max-width:768px) and (orientation:landscape){body{padding:8px}.maritime-card{padding:12px!important}}@media (max-width:768px){div[style*="minHeight: '100vh'"]{padding:8px!important;overflow-x:hidden}div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(120px, 1fr)'"]>div{min-height:90px!important;padding:12px 8px!important}div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(120px, 1fr)'"]>div>div:first-child{font-size:28px!important}div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(120px, 1fr)'"]>div>div:last-child{font-size:9px!important}div[style*="width: '120px'"][style*="height: '4px'"]{width:100%!important;max-width:100%!important;margin-top:8px}div[style*="flex: '1 1 100px'"][style*="minWidth: '80px'"][style*="maxWidth: '160px'"]{flex:1 1 100%!important;min-width:100%!important;max-width:100%!important;margin-top:8px}h3[style*="display: flex"][style*="justifyContent: space-between"]>div:last-child{flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;width:100%;margin-top:8px}div[style*="marginLeft: '20px'"]{margin-left:12px!important}button[style*="padding: '10px 24px'"]{padding:8px 16px!important;font-size:13px!important}div[style*="background: rgba(8, 145, 178, 0.15)"]{width:100%!important;flex:1 1 100%!important}}@media (max-width:480px){.maritime-card,div[style*="padding: '16px'"][style*="background: 'rgba(6, 21, 39, 0.7)'"],div[style*="padding: '18px'"][style*="background:"][style*="rgba(15, 39, 68"],div[style*="padding: '18px'"][style*="borderRadius: '12px'"]{padding:12px!important}div[style*="display: 'flex'"][style*="justifyContent: 'space-between'"][style*="alignItems: 'center'"]{flex-direction:column!important;align-items:stretch!important;gap:12px!important}div[style*="marginLeft: '12px'"],div[style*="marginLeft: '20px'"]{margin-left:0!important;width:100%}div[style*="marginLeft: '12px'"] button,div[style*="marginLeft: '20px'"] button{width:100%!important}}