.marine-auth-container{position:relative;min-height:100vh;overflow-x:hidden;padding:2rem!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-left:0!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100dvh!important;height:100svh!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior-y:contain;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch;z-index:60!important;background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.85) 25%,rgba(51,65,85,.75) 50%,rgba(71,85,105,.85) 75%,rgba(15,23,42,.95))}.marine-status-indicator{position:sticky;top:1rem;margin-left:auto;margin-right:2rem;display:flex;align-items:center;gap:.5rem;z-index:20;background:rgba(16,185,129,.1);backdrop-filter:blur(8px);border:1px solid rgba(16,185,129,.3);border-radius:9999px;padding:.5rem 1rem;transition:all .3s ease}.marine-status-indicator:hover{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.5);transform:translateY(-2px)}.marine-status-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 12px rgba(16,185,129,.6);animation:marinePulse 2s ease-in-out infinite}.marine-status-text{font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}@keyframes marinePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.marine-asset-badge{position:absolute;top:2rem;left:2rem;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(16,185,129,.1));backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.75rem 1.25rem;z-index:20;transition:all .3s ease}.marine-asset-badge:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(16,185,129,.15));border-color:rgba(255,255,255,.25);box-shadow:0 8px 32px rgba(59,130,246,.2)}.marine-asset-badge-text{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1));background:linear-gradient(135deg,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.02em}.marine-auth-card{z-index:10;border-radius:1.5rem;--tw-backdrop-blur:blur(64px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.15);box-shadow:0 32px 64px rgba(0,0,0,.25),0 16px 32px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(0);max-width:min(720px,92vw)!important;width:100%!important;padding:2.5rem!important;left:auto!important;right:auto!important;position:relative!important;margin:4vh auto!important}.marine-auth-card:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 48px 96px rgba(0,0,0,.3),0 24px 48px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.25)}.marine-brand-icon{position:relative;margin-left:auto;margin-right:auto;margin-bottom:2rem;height:6rem;width:6rem;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(16,185,129,.15) 50%,rgba(6,182,212,.15));border:2px solid rgba(255,255,255,.2);border-radius:24px;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 40px rgba(59,130,246,.2),inset 0 1px 0 rgba(255,255,255,.15)}.marine-brand-icon:hover{transform:translateY(-6px) scale(1.08) rotate(2deg);background:linear-gradient(135deg,rgba(59,130,246,.25),rgba(16,185,129,.25) 50%,rgba(6,182,212,.25));box-shadow:0 20px 60px rgba(59,130,246,.3),0 0 0 1px rgba(255,255,255,.3),inset 0 1px 0 rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.marine-brand-icon svg{width:48px;height:48px;color:rgba(255,255,255,.9);transition:all .3s ease}.marine-brand-icon:hover svg{color:rgba(255,255,255,1);transform:scale(1.1)}.marine-auth-header{margin-bottom:2rem;text-align:center}.marine-auth-title{margin-bottom:1rem;font-size:2.25rem;line-height:2.5rem;background:linear-gradient(135deg,#ffffff,#e2e8f0 50%,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:-.03em;line-height:1.1}.marine-auth-subtitle{font-size:1rem;line-height:1.5rem;line-height:1.625;color:rgb(255 255 255/.75);font-weight:400;max-width:420px;margin:0 auto}.marine-stats-container{margin-bottom:2rem;border-radius:1rem;padding:1.25rem;background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(59,130,246,.05));border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px)}.marine-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;text-align:center}.marine-stat-item>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.marine-stat-value{font-size:1.5rem;line-height:2rem;font-weight:700;background:linear-gradient(135deg,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.marine-stat-label{font-size:.75rem;line-height:1rem;font-weight:500;color:rgb(255 255 255/.6)}.marine-auth-form{margin-left:auto;margin-right:auto;max-width:28rem}.marine-auth-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.marine-input-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.marine-label{font-size:.875rem;line-height:1.25rem;font-weight:600;color:rgb(255 255 255/.9);letter-spacing:.02em}.marine-input{width:100%;border-radius:1rem;padding:1rem 1.25rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.15);color:white;font-size:16px;backdrop-filter:blur(12px);font-weight:500}.marine-input::-moz-placeholder{color:rgba(255,255,255,.45);font-weight:400}.marine-input::placeholder{color:rgba(255,255,255,.45);font-weight:400}.marine-input:focus{outline:none;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.08));border-color:rgba(59,130,246,.7);box-shadow:0 0 0 4px rgba(59,130,246,.15),0 12px 40px rgba(59,130,246,.1);transform:translateY(-3px)}.marine-input:hover{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.07));border-color:rgba(255,255,255,.25)}.marine-submit-btn{width:100%;border-radius:1rem;padding:1rem 2rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;background:linear-gradient(135deg,#3b82f6,#1e40af 50%,#1d4ed8);border:1px solid rgba(59,130,246,.6);box-shadow:0 12px 40px rgba(59,130,246,.3),inset 0 1px 0 rgba(255,255,255,.15);position:relative;overflow:hidden;font-size:16px;letter-spacing:.02em}.marine-submit-btn:hover{transform:translateY(-3px);background:linear-gradient(135deg,#2563eb,#1e40af 50%,#1e3a8a);box-shadow:0 16px 56px rgba(59,130,246,.4),inset 0 1px 0 rgba(255,255,255,.2);border-color:rgba(59,130,246,.8)}.marine-submit-btn:active{transform:translateY(-1px)}.marine-link{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.marine-link:hover{--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}.marine-link{font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(147,197,253,.4)}.marine-link:hover{text-decoration-color:rgba(147,197,253,.8);transform:translateY(-1px)}.marine-footer-links{margin-top:2rem}.marine-footer-links>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.marine-footer-links{border-top-width:1px;border-color:rgb(255 255 255/.1);padding-top:1.5rem;text-align:center}.marine-footer-text{font-size:.875rem;line-height:1.25rem;color:rgb(255 255 255/.6)}.marine-message-container{margin-bottom:1.5rem;border-radius:.75rem;padding:1rem;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.1));border:1px solid rgba(16,185,129,.3)}.marine-message-text{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity,1))}@media (max-width:1024px){.marine-auth-container{padding:2rem 1.5rem!important}.marine-auth-card{max-width:42rem;padding:2rem!important}.marine-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.marine-stat-value{font-size:1.5rem;line-height:2rem}}@media (max-width:768px){.marine-auth-container{align-items:flex-start!important;padding:max(1rem,env(safe-area-inset-top,0px)) 1rem max(1rem,env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important}.marine-auth-card{max-width:28rem;padding:1.5rem!important;margin-top:max(.5rem,env(safe-area-inset-top,0px))!important;margin-bottom:max(1rem,env(safe-area-inset-bottom,0px))!important}.marine-auth-title{font-size:2.25rem;line-height:2.5rem}.marine-auth-subtitle{font-size:1rem;line-height:1.5rem;max-width:360px}.marine-brand-icon{margin-bottom:2rem;height:7rem;width:7rem}}@media (max-width:640px){.marine-auth-container{align-items:flex-start!important;padding:max(1rem,env(safe-area-inset-top,0px)) 1rem max(1rem,env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important}.marine-auth-card{max-width:100%;padding:1rem!important;border-radius:1rem!important;margin-top:max(.5rem,env(safe-area-inset-top,0px))!important;margin-bottom:max(1rem,env(safe-area-inset-bottom,0px))!important}.marine-auth-title{font-size:1.5rem;line-height:2rem}.marine-brand-icon{margin-bottom:1.25rem;height:5rem;width:5rem}.marine-input{padding:.75rem 1rem}.marine-input,.marine-submit-btn{font-size:1rem;line-height:1.5rem}.marine-submit-btn{padding-top:.75rem;padding-bottom:.75rem}.marine-asset-badge,.marine-status-indicator{display:none}.marine-input{padding:1rem 1.25rem;font-size:16px}.marine-submit-btn{padding-top:1rem;padding-bottom:1rem;font-size:16px}.marine-footer-text{font-size:.875rem;line-height:1.25rem}}.dark .marine-auth-container{background:linear-gradient(135deg,rgba(2,6,23,.98),rgba(15,23,42,.9) 25%,rgba(30,41,59,.8) 50%,rgba(51,65,85,.9) 75%,rgba(2,6,23,.98))}.dark .marine-auth-card{background:linear-gradient(135deg,rgba(15,23,42,.2),rgba(30,41,59,.15));border:1px solid rgba(255,255,255,.1)}