:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--ocean-deep: #0b3d91;--ocean-mid: #155e9b;--ocean-light: #e6f0fa;--ocean-grey-900: #0f172a;--ocean-grey-700: #3f4861;--ocean-grey-400: #93a3b5;--ocean-white: #ffffff;color-scheme:light;color:var(--ocean-grey-900);background-color:#f5f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:600;color:var(--ocean-mid);text-decoration:inherit}a:hover{color:#0f5fb7}body{margin:0;display:block;min-width:320px;min-height:100vh;background:linear-gradient(180deg,var(--ocean-light),#f5f8fc)}h1{font-size:3em;line-height:1.1;color:var(--ocean-deep)}button{border-radius:10px;border:1px solid #cfd8e3;padding:.65em 1.25em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--ocean-white);color:var(--ocean-deep);cursor:pointer;box-shadow:0 2px 6px #0b3d9114;transition:border-color .2s,transform .08s ease-in-out,box-shadow .2s}button:hover{border-color:#b5c3d6;box-shadow:0 6px 14px #0b3d9124}button:active{transform:translateY(1px)}button:focus,button:focus-visible{outline:3px solid rgba(21,94,155,.35);outline-offset:2px}html,body{width:100%;max-width:100%;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}.cta-header{text-align:center;font-size:1.62rem;font-weight:700;color:var(--ocean-deep);background:#0b3d910f;border-radius:10px;padding:18px 12px 14px;width:min(100%,1100px);margin:36px auto 18px;box-shadow:0 2px 8px #0b3d910a;grid-column:1 / -1;font-family:Poppins,Segoe UI,Montserrat,Arial,sans-serif}.loading-spinner{position:relative;display:inline-block;width:44px;height:44px;margin:0}.loading-spinner:before{content:"";position:absolute;inset:0;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,#0b3d91,#155e9b 20%,#1d7fc2,#5aa2db 70%,#1d7fc2,#0b3d91);mask:radial-gradient(#000 61%,transparent 62%) center/100% 100% no-repeat,linear-gradient(#000,#000) content-box;-webkit-mask:radial-gradient(#000 61%,transparent 62%) center/100% 100% no-repeat,linear-gradient(#000,#000) content-box;-webkit-mask-composite:xor;mask-composite:exclude;animation:spin-360 1s linear infinite;filter:drop-shadow(0 0 14px rgba(26,111,194,.35)) drop-shadow(0 0 6px rgba(11,61,145,.35))}.loading-spinner:after{content:"";position:absolute;inset:8px;border-radius:50%;background:radial-gradient(35% 35% at 50% 35%,rgba(26,111,194,.25),transparent 60%),radial-gradient(75% 75% at 50% 60%,#0b3d911a,#0000 80%);box-shadow:inset 0 0 16px #0b3d9126;animation:pulse 1.2s ease-in-out infinite}@keyframes spin-360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.6;transform:scale(.96)}}#root{max-width:1100px;margin:0 auto;padding:0 1.5rem 2rem;overflow-x:visible}.container{display:flex;flex-direction:column;gap:20px}.header{text-align:center}.hero{position:relative;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:0;max-width:100vw;overflow-x:clip}.hero:before{content:"";position:absolute;inset:0;background:url(/ship-background.jpeg) center/cover no-repeat;opacity:.22;filter:saturate(105%);pointer-events:none}.hero-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px clamp(16px,4vw,40px) 28px;width:100%}.ship-wheel{width:52px;height:52px;animation:wheel-spin 8s linear infinite;filter:drop-shadow(0 2px 6px rgba(11,61,145,.25))}@keyframes wheel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.title{font-size:clamp(1.4rem,2.4vw + 1rem,2.2rem);line-height:1.15;margin:0;color:var(--ocean-deep);white-space:normal}.subtitle{color:var(--ocean-grey-700);margin-top:6px;font-size:clamp(1rem,.9rem + .5vw,1.2rem);font-weight:600}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:24px;justify-items:center;width:min(1100px,100%);margin-left:auto;margin-right:auto}.info-card{aspect-ratio:1 / 1;min-width:0;width:100%;max-width:260px;min-height:160px;height:100%;display:flex;align-items:stretch;justify-content:center;margin:0 auto}.info-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;height:100%}.info-icon{width:96px;height:96px;object-fit:contain;margin-bottom:0}img{max-width:100%;height:auto}.info-title{margin:0;font-size:1.72rem;color:var(--ocean-deep);text-align:center;font-weight:1600;line-height:1.5}@media (max-width: 860px){.title{white-space:normal}.info-cards{grid-template-columns:1fr;gap:24px}.info-card{max-width:320px;width:100%;aspect-ratio:1 / 1}}@media (max-width: 480px){.ship-wheel{width:72px;height:72px}.hero-inner{padding:calc(28px + 2rem) 10px 24px}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{background:var(--ocean-white);border:1px solid #e1e8f2;border-radius:14px;padding:20px;box-shadow:0 8px 24px #0b3d910f;box-sizing:border-box;max-width:100vw;margin-left:auto;margin-right:auto}.uploader-card{display:flex;flex-direction:column;gap:14px}.read-the-docs{color:#888}.dropzone{position:relative;border:2px dashed #bdd1eb;border-radius:12px;background:linear-gradient(180deg,#1a6fc20d,#fff0);transition:border-color .2s ease,background .2s ease,transform .12s ease;cursor:pointer}.dropzone.drag-active{border-color:var(--ocean-mid);background:#1a6fc214;transform:scale(1.01)}.dz-inner{padding:28px 16px;text-align:center}.dz-icon{font-size:36px;margin-bottom:8px}.dz-text{font-weight:700;color:var(--ocean-deep)}.dz-hint{color:var(--ocean-grey-700);font-size:14px;margin:6px 0 10px}.dz-limit{color:var(--ocean-grey-400);font-size:12px;margin-top:8px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid #cfd8e3;background:var(--ocean-white);color:var(--ocean-deep);cursor:pointer;font-weight:700;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);border-color:#b5c3d6;box-shadow:0 6px 14px #0b3d911f}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#1d7fc2,#0b3d91);color:#fff;border:none}.btn-primary:hover{filter:brightness(1.03)}.btn-ghost{background:transparent;border:1px dashed #bdd1eb;color:var(--ocean-grey-700)}form button[type=submit].btn{width:100%;text-align:center;justify-content:center;display:flex}.btn-link{background:transparent;border:none;color:#a78bfa;padding:0}input[type=file]{display:none}.text-input{width:100%;max-width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:1px solid #cfd8e3;background:#fff;color:#0f172a;outline:none}.text-input:focus{border-color:#9fb6d2;box-shadow:0 0 0 3px #1d7fc226}.file-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#eef5fd;border:1px solid #cfe0f2;max-width:100%;color:#0b3d91}.chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.chip-close{background:transparent;border:none;color:#0b3d91;cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.chip-close:hover{color:#155e9b}.actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4px;flex-wrap:wrap}@media (prefers-reduced-motion: reduce){.loading-spinner:before{animation:none}.loading-spinner:after{animation:none}}.alert{padding:10px 12px;border-radius:10px;font-size:.95rem;border:1px solid transparent}.alert-error{background:#fff1f3;color:#9f1239;border-color:#fecdd3}.alert-success{background:#ecfdf5;color:#065f46;border-color:#bbf7d0}.section-title{margin:0 0 6px;font-size:1.85rem;color:var(--ocean-deep)}.gemini-output{margin-top:8px;padding:10px;border:1px solid #e1e8f2;border-radius:10px;background-color:#fff;text-align:left;color:#0f172a}.gemini-output h2{margin-top:0;font-size:1.2em}.gemini-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:8px}.gemini-table th,.gemini-table td{border-bottom:1px solid #e6edf7;padding:10px;text-align:left}.gemini-table tr:last-child td{border-bottom:none}.gemini-table th{background-color:#f3f8fe;font-weight:700;color:#0b3d91}.status-success{background-color:#ecfdf5;color:#065f46}.status-failure{background-color:#fff1f2;color:#9f1239}.status-cant-determine{background-color:#fffbeb;color:#92400e}.gemini-output pre{white-space:pre-wrap;word-wrap:break-word}.footer{text-align:center;color:var(--ocean-grey-700);font-size:12px;margin-top:4px}.thank-you,.thankyou,.thank-you-container,.thankyou-container{max-width:min(680px,100%);width:min(680px,calc(100vw - 32px));margin-left:auto!important;margin-right:auto!important;display:block;text-align:center}