:root{color:#f5f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:#010508}body{background:0 0;min-width:320px;min-height:100vh;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 36% at 22% 8%,#0e48c842 0%,#0000 62%),radial-gradient(55% 30% at 78% 40%,#0a268229 0%,#0000 62%),radial-gradient(48% 26% at 14% 76%,#1c0a5021 0%,#0000 62%),linear-gradient(#0b1e3c 0%,#07162c 16%,#050d1e 36%,#030a16 58%,#020710 78%,#010508 100%);position:fixed;inset:0}button,input,textarea{font:inherit}#root{min-height:100vh}img{max-width:100%}.app-shell{width:min(100%,430px);min-height:100vh;padding:calc(20px + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));flex-direction:column;gap:20px;margin:0 auto;display:flex}.top-bar{justify-content:center;align-items:center;padding:2px 0 6px;animation:.7s cubic-bezier(.22,1,.36,1) both fade-up;display:flex}.brand{color:#d8e8ff;letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:10px;font-size:.72rem;font-weight:600;display:flex}.brand-mark{object-fit:cover;border-radius:50%;width:30px;height:30px;box-shadow:0 0 0 1px #96beff33}.page{flex-direction:column;gap:20px;display:flex}.hero-card,.batch-card,.glass-card,.image-card,.credential-card{border:1px solid #ffffff14;border-radius:24px;box-shadow:0 24px 56px #01051480}.hero-card{min-height:460px;padding:32px 24px;animation:.9s cubic-bezier(.22,1,.36,1) both fade-up;position:relative;overflow:hidden}.hero-bg{z-index:0;will-change:transform;background:url(/Ocean.png) 50%/cover no-repeat;position:absolute;inset:-30px -20px -160px}.hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(155deg,#020712f0 0%,#02071294 52%,#020712db 100%);position:absolute;inset:0}.hero-card:before{content:"";pointer-events:none;z-index:2;background:radial-gradient(circle,#3c78ff52 0%,#5064ff0f 55%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.hero-copy{z-index:4;max-width:min(210px,58%);position:relative}.eyebrow{color:#6e9fff;text-transform:uppercase;letter-spacing:.24em;margin:0 0 14px;font-size:.68rem;font-weight:600}.hero-card h1{color:#f2f7ff;letter-spacing:-.01em;margin:0 0 16px;font-size:clamp(2.2rem,9vw,2.8rem);font-weight:700;line-height:1}.hero-subtitle{color:#eef4ff;margin:0 0 10px;font-size:.97rem;font-weight:600;line-height:1.45}.hero-support{color:#8faedc;margin:0;font-size:.88rem;line-height:1.65}.hero-visual{z-index:3;pointer-events:none;will-change:transform;width:228px;animation:6s ease-in-out infinite lobster-float;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-visual img{filter:drop-shadow(0 0 48px #4682ff8c)drop-shadow(0 18px 36px #00082880);width:100%;display:block}.batch-card{background:linear-gradient(140deg,#09101efa,#0e1628eb);padding:22px 22px 20px}.batch-label{color:#6e9fff;letter-spacing:.24em;text-transform:uppercase;margin:0 0 10px;font-size:.68rem}.batch-main{align-items:center;gap:12px;margin-bottom:10px;display:flex}.batch-card h2{color:#f2f7ff;letter-spacing:.04em;margin:0;font-size:1.5rem;font-weight:700}.batch-status{color:#6ee7b7;letter-spacing:.12em;text-transform:uppercase;background:#34d3991a;border:1px solid #34d39947;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:.7rem;font-weight:600;display:inline-flex}.batch-status:before{content:"";background:#34d399;border-radius:50%;width:5px;height:5px;display:block}.batch-meta{color:#7a96c0;margin:0;font-size:.9rem}.badge-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.badge-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#b8d0f8;letter-spacing:.06em;text-align:center;background:#070e1cd9;border:1px solid #6496ff29;border-radius:18px;justify-content:center;align-items:center;min-height:72px;padding:16px 12px;font-size:.78rem;font-weight:500;line-height:1.4;display:flex}.glass-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060c1ad1;padding:24px 20px}.glass-card h2{color:#f2f7ff;letter-spacing:.01em;margin:0 0 14px;font-size:1.08rem;font-weight:600}.glass-card p{color:#8fa8cc;margin:0;font-size:.94rem;line-height:1.78}.story-second{margin-top:14px!important}.image-card{background:#040914f2;padding:0;overflow:hidden}.image-card img{object-fit:cover;object-position:center;width:100%;height:300px;display:block}.image-caption{color:#6888ae;letter-spacing:.12em;text-align:center;margin:0;padding:14px 20px 20px;font-size:.8rem}.detail-list{margin:0;display:grid}.detail-row{border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 0;display:flex}.detail-row:first-child{padding-top:0}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row dt{color:#566e96;flex-shrink:0;font-size:.85rem}.detail-row dd{color:#dde8ff;text-align:right;margin:0;font-size:.9rem;font-weight:500;line-height:1.4}.status-approved{color:#6ee7b7!important;font-weight:600!important}.credential-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(140deg,#091020f7,#0c1428eb);padding:24px 20px}.credential-label{color:#6e9fff;text-transform:uppercase;letter-spacing:.24em;margin:0 0 16px;font-size:.68rem;font-weight:600}.credential-card blockquote{color:#dde8ff;margin:0;font-size:.97rem;font-style:italic;line-height:1.78}.credential-name{color:#6e9fff;letter-spacing:.05em;margin:16px 0 0;font-size:.86rem;font-weight:600}.actions{flex-direction:column;gap:10px;display:flex}.actions button{cursor:pointer;letter-spacing:.02em;touch-action:manipulation;border:none;border-radius:999px;min-height:44px;padding:15px 20px;font-size:.95rem;font-weight:600;transition:transform .16s,box-shadow .16s,opacity .16s}.actions button:hover{transform:translateY(-1px)}.actions button:active{opacity:.88;transform:translateY(0)}.primary-action{color:#050f22;background:linear-gradient(135deg,#a2c6ff 0%,#c8b0ff 100%);box-shadow:0 12px 30px #6e91ff3d}.actions .secondary-action{color:#b8d0f8;background:#ffffff0e;border:1px solid #b4d2ff24}.footer{text-align:center;color:#3a4f74;letter-spacing:.06em;padding:4px 0 0;font-size:.8rem}[data-reveal]{opacity:0;will-change:transform, opacity;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}[data-reveal].is-visible{opacity:1;will-change:auto;transform:translateY(0)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes lobster-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-12px)}}@media (prefers-reduced-motion:reduce){.hero-card,.top-bar{animation:none}.hero-visual{animation:none;transform:translate(-50%)}[data-reveal]{opacity:1;transition:none;transform:none}}@media (width>=760px){.app-shell{padding:32px 0 52px}}