@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap";.login-container.svelte-1x05zx6{background:linear-gradient(#0a0a12 0%,#1a1a2e 50%,#0f1929 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.ship-hull.svelte-1x05zx6{background:repeating-linear-gradient(90deg,#0000,#0000 40px,#8b5a2b08 40px 41px),repeating-linear-gradient(0deg,#0000,#0000 80px,#0003 80px 82px);position:absolute;inset:0}.content-wrapper.svelte-1x05zx6{z-index:10;flex-direction:column;align-items:center;gap:2rem;padding:1rem;display:flex;position:relative}.porthole-wrapper.svelte-1x05zx6{justify-content:center;align-items:center;display:flex}.porthole.svelte-1x05zx6{width:320px;height:320px;position:relative}.porthole-glass.svelte-1x05zx6{background:linear-gradient(#0a3d62 0%,#1e5f74 30%,#1a4a5e 70%,#0a2a3a 100%);border-radius:50%;position:absolute;inset:24px;overflow:hidden}.porthole-frame.svelte-1x05zx6{pointer-events:none;background:0 0;border:24px solid #5d4e37;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 20px #00000080,inset 0 0 40px #0000004d,0 0 30px #00000080,0 0 60px #0000004d}.porthole-frame.svelte-1x05zx6:before{content:"";border:6px solid #8b7355;border-radius:50%;position:absolute;inset:-24px;box-shadow:inset 0 2px 4px #ffffff1a}.porthole-rivets.svelte-1x05zx6{pointer-events:none;position:absolute;inset:0}.rivet.svelte-1x05zx6{width:10px;height:10px;transform:rotate(var(--angle)) translateY(-150px) translateX(-5px);background:radial-gradient(circle at 30% 30%,#a89070,#5d4e37);border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:inset 0 1px 2px #fff3,0 1px 2px #0000004d}.porthole-title.svelte-1x05zx6{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.porthole-title.svelte-1x05zx6 h1:where(.svelte-1x05zx6){color:#fff;text-shadow:0 2px 10px #00000080,0 0 40px #64c8ff4d;letter-spacing:.05em;margin:0;font-family:Playfair Display,Georgia,serif;font-size:2.5rem;font-weight:600}.porthole-title.svelte-1x05zx6 p:where(.svelte-1x05zx6){color:#ffffffb3;text-shadow:0 1px 4px #00000080;letter-spacing:.1em;text-transform:uppercase;margin:.25rem 0 0;font-size:.875rem}.sea.svelte-1x05zx6{position:absolute;inset:0;overflow:hidden}.wave.svelte-1x05zx6{background:radial-gradient(#0000 0%,#0064964d 50%,#0000 70%);width:200%;height:200%;animation:8s ease-in-out infinite svelte-1x05zx6-wave;position:absolute}.wave1.svelte-1x05zx6{animation-delay:0s;top:-50%;left:-50%}.wave2.svelte-1x05zx6{opacity:.7;animation-delay:-2s;top:-30%;left:-60%}.wave3.svelte-1x05zx6{opacity:.5;animation-delay:-4s;top:-70%;left:-40%}@keyframes svelte-1x05zx6-wave{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(10px,15px)rotate(2deg)}50%{transform:translate(-5px,10px)rotate(-1deg)}75%{transform:translate(15px,-5px)rotate(1deg)}}.bubbles.svelte-1x05zx6{position:absolute;inset:0}.bubble.svelte-1x05zx6{background:radial-gradient(circle at 30% 30%,#fffc,#fff3);border-radius:50%;width:8px;height:8px;animation:6s ease-in-out infinite svelte-1x05zx6-bubble;position:absolute}.bubble.svelte-1x05zx6:first-child{animation-delay:0s;left:20%}.bubble.svelte-1x05zx6:nth-child(2){width:6px;height:6px;animation-delay:-1s;left:40%}.bubble.svelte-1x05zx6:nth-child(3){animation-delay:-2s;left:60%}.bubble.svelte-1x05zx6:nth-child(4){width:5px;height:5px;animation-delay:-3s;left:75%}.bubble.svelte-1x05zx6:nth-child(5){width:7px;height:7px;animation-delay:-4s;left:85%}@keyframes svelte-1x05zx6-bubble{0%{opacity:0;bottom:-20px}10%{opacity:.8}90%{opacity:.6}to{opacity:0;bottom:110%;transform:translate(20px)}}.fish.svelte-1x05zx6{opacity:.8;font-size:24px;animation:15s linear infinite svelte-1x05zx6-swim;position:absolute;top:50%}.fish2.svelte-1x05zx6{font-size:20px;animation-duration:18s;animation-delay:-7s;top:70%}@keyframes svelte-1x05zx6-swim{0%{left:-50px;transform:scaleX(-1)}49%{transform:scaleX(-1)}50%{left:calc(100% + 50px);transform:scaleX(1)}99%{transform:scaleX(1)}to{left:-50px;transform:scaleX(-1)}}.light-rays.svelte-1x05zx6{background:linear-gradient(#64c8ff26 0%,#0000 40%);animation:4s ease-in-out infinite svelte-1x05zx6-shimmer;position:absolute;inset:0}@keyframes svelte-1x05zx6-shimmer{0%,to{opacity:.5}50%{opacity:.8}}.login-form.svelte-1x05zx6{width:100%;max-width:320px}.input-wrapper.svelte-1x05zx6{position:relative}.input-icon.svelte-1x05zx6{color:#fff6;pointer-events:none;align-items:center;padding-left:.875rem;display:flex;position:absolute;top:0;bottom:0;left:0}.login-form.svelte-1x05zx6 input:where(.svelte-1x05zx6){color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:.5rem;outline:none;width:100%;padding:.75rem 1rem .75rem 2.75rem;font-size:.875rem;transition:all .2s;box-shadow:0 4px 12px #0000004d}.login-form.svelte-1x05zx6 input:where(.svelte-1x05zx6)::placeholder{color:#fff6}.login-form.svelte-1x05zx6 input:where(.svelte-1x05zx6):focus{border-color:var(--color-accent-blue);background:#ffffff1a}.login-form.svelte-1x05zx6 input:where(.svelte-1x05zx6):disabled{opacity:.5}.submit-button.svelte-1x05zx6{color:#1a1a2e;cursor:pointer;background:#fff;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000004d}.submit-button.svelte-1x05zx6:hover:not(:disabled){background:#ffffffe6;transform:translateY(-1px);box-shadow:0 6px 16px #00000059}.submit-button.svelte-1x05zx6:disabled{opacity:.5;cursor:not-allowed}.form-hint.svelte-1x05zx6{color:#ffffff80;text-align:center;margin-top:1.5rem;font-size:.75rem}.error-message.svelte-1x05zx6{color:var(--color-accent-red);background:color-mix(in oklch, var(--color-accent-red) 10%, transparent);border:1px solid color-mix(in oklch, var(--color-accent-red) 30%, transparent);border-radius:.5rem;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem;font-size:.875rem;display:flex}.error-message.warning.svelte-1x05zx6{color:var(--color-accent-yellow);background:color-mix(in oklch, var(--color-accent-yellow) 10%, transparent);border-color:color-mix(in oklch, var(--color-accent-yellow) 30%, transparent)}.error-message.svelte-1x05zx6 p:where(.svelte-1x05zx6){margin:0}.error-hint.svelte-1x05zx6{color:var(--color-text-tertiary);margin-top:.25rem;font-size:.75rem}.success-message.svelte-1x05zx6{text-align:center}.success-icon.svelte-1x05zx6{background:color-mix(in oklch, var(--color-accent-green) 15%, transparent);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto 1rem;display:flex}.success-message.svelte-1x05zx6 h2:where(.svelte-1x05zx6){color:#fff;margin:0;font-size:1rem;font-weight:500}.success-message.svelte-1x05zx6>p:where(.svelte-1x05zx6){color:#ffffffb3;margin:.5rem 0 0;font-size:.875rem}.email-highlight.svelte-1x05zx6{color:#fff;font-weight:500}.hint.svelte-1x05zx6{color:#ffffff80;margin-top:1rem;font-size:.75rem}.different-email.svelte-1x05zx6{color:var(--color-accent-blue);cursor:pointer;background:0 0;border:none;margin-top:1.5rem;font-size:.875rem}.different-email.svelte-1x05zx6:hover{text-decoration:underline}@media (width<=480px){.porthole.svelte-1x05zx6{width:260px;height:260px}.porthole-frame.svelte-1x05zx6{border-width:20px}.porthole-glass.svelte-1x05zx6{inset:20px}.porthole-frame.svelte-1x05zx6:before{border-width:5px;inset:-20px}.rivet.svelte-1x05zx6{width:8px;height:8px;transform:rotate(var(--angle)) translateY(-122px) translateX(-4px)}.porthole-title.svelte-1x05zx6 h1:where(.svelte-1x05zx6){font-size:2rem}}