:root{--bg:#06111f;--panel:#0d2138;--text:#eef7ff;--muted:#9cb0c3;--line:rgba(125,190,234,.2);--blue:#4da9ff;--cyan:#76e7ff;--good:#77f2c3;--danger:#ff8f9f;--shadow:0 30px 90px rgba(0,0,0,.42)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(circle at 50% -20%,rgba(70,142,217,.25),transparent 38%),linear-gradient(155deg,var(--bg) 0%,#081522 48%,#050b14 100%);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:34px 34px}.ambient{position:fixed;border-radius:999px;filter:blur(70px);pointer-events:none;opacity:.35}.ambient-a{width:42vw;height:42vw;left:-18vw;top:12vh;background:#1e7dd9}.ambient-b{width:38vw;height:38vw;right:-16vw;bottom:0;background:#155c90}
.shell{min-height:100vh;display:grid;place-items:center;padding:28px 18px}.portal{width:min(780px,100%);position:relative;padding:26px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(16,36,60,.9),rgba(8,22,39,.86));box-shadow:var(--shadow);backdrop-filter:blur(24px);overflow:hidden}.portal:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(128,203,255,.5),transparent 32%,transparent 70%,rgba(99,229,255,.23));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.brandbar{display:flex;align-items:center;gap:12px}.brandmark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,rgba(62,166,255,.23),rgba(99,229,255,.08));border:1px solid rgba(116,203,255,.22);box-shadow:inset 0 0 24px rgba(62,166,255,.08)}.brandmark svg{width:30px;fill:none;stroke:#8bdcff;stroke-width:1.7;stroke-linejoin:round}.eyebrow,.mini-label{font-size:10px;letter-spacing:.19em;color:#83cfff;font-weight:800}.brandname{font-weight:760;font-size:17px;margin-top:2px}.secure-pill{margin-left:auto;font-size:11px;color:#bcd0df;border:1px solid var(--line);background:rgba(7,19,34,.55);border-radius:999px;padding:8px 11px;display:flex;gap:7px;align-items:center}.secure-pill span,.live-dot:before{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 13px rgba(119,242,195,.72)}
.hero-copy{text-align:center;padding:38px 8px 25px}.step-chip{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(62,166,255,.09);border:1px solid rgba(87,184,255,.18);color:#9fd8ff;font-size:10px;font-weight:800;letter-spacing:.12em}.hero-copy h1{font-size:clamp(30px,5vw,52px);line-height:1.02;margin:16px 0 12px;letter-spacing:-.04em}.hero-copy p{max-width:600px;margin:0 auto;color:var(--muted);line-height:1.55;font-size:15px}
.stamp-gate{display:grid;grid-template-columns:72px 1fr;gap:15px;padding:18px;border-radius:22px;border:1px solid rgba(125,198,247,.24);background:linear-gradient(135deg,rgba(35,80,119,.27),rgba(5,18,31,.46));margin-bottom:16px}.stamp-visual{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;background:rgba(44,137,202,.1);border:1px dashed rgba(125,211,255,.32)}.stamp-visual svg{width:46px;fill:none;stroke:#7bdcff;stroke-width:1.5;stroke-linejoin:round}.stamp-copy strong{display:block;font-size:15px;margin:5px 0 4px}.stamp-copy small{display:block;color:#899fb3;line-height:1.45;font-size:11px}.stamp-form{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:10px}.stamp-form input{min-width:0;border:1px solid rgba(126,197,240,.22);background:rgba(4,16,29,.65);color:#eaf7ff;border-radius:13px;padding:13px 14px;font:700 13px "SFMono-Regular",Consolas,monospace;letter-spacing:.035em;outline:none;text-transform:uppercase}.stamp-form input:focus{border-color:rgba(111,224,255,.6);box-shadow:0 0 0 4px rgba(77,169,255,.07)}.stamp-status{grid-column:1/-1;min-height:0;font-size:11px;color:#91a7ba}.stamp-status.ok{color:var(--good)}.stamp-status.error{color:#ffb0bc}
.primary{border:0;padding:13px 18px;border-radius:13px;color:#03111f;background:linear-gradient(135deg,#76e7ff,#4da9ff);font-weight:850;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 12px 34px rgba(42,154,239,.24);transition:.2s}.primary.compact{margin:0}.primary:disabled{opacity:.35;cursor:not-allowed}.primary:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.05)}.primary svg,.seal-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dropzone{position:relative;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;border-radius:24px;border:1px dashed rgba(133,202,255,.34);background:linear-gradient(180deg,rgba(39,92,139,.11),rgba(8,21,37,.36));outline:none;transition:.25s ease;cursor:pointer;overflow:hidden}.dropzone:not(.locked):hover,.dropzone:not(.locked):focus,.dropzone.drag{border-color:rgba(99,229,255,.7);transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.2),inset 0 0 60px rgba(44,143,219,.07)}.dropzone.locked{cursor:not-allowed;opacity:.58;filter:saturate(.72)}.dropzone strong{font-size:22px;letter-spacing:-.02em;margin-top:10px}.dropzone>span{color:var(--muted);font-size:13px;margin-top:6px;max-width:540px}.dropzone small{color:#7f94a8;margin-top:13px;font-size:11px}.dropzone .primary{margin-top:18px}
.locker-scene{width:120px;height:105px;position:relative;display:grid;place-items:center}.parcel{width:63px;height:54px;position:relative;background:linear-gradient(145deg,#173a5e,#102b48);border:1px solid rgba(129,207,255,.45);border-radius:8px;box-shadow:0 12px 26px rgba(0,0,0,.35),inset 0 0 25px rgba(89,190,255,.07);z-index:2}.parcel-lid{position:absolute;left:-4px;right:-4px;top:-8px;height:19px;background:linear-gradient(145deg,#24517d,#163753);border:1px solid rgba(146,215,255,.47);clip-path:polygon(7% 0,93% 0,100% 55%,86% 100%,14% 100%,0 55%)}.parcel-label{position:absolute;right:9px;top:23px;width:27px;height:16px;background:#d8eff8;border-radius:2px;display:flex;gap:1px;align-items:stretch;padding:3px}.parcel-label i{display:block;width:2px;background:#10283c}.scanline{position:absolute;width:92px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 16px var(--cyan);animation:scan 2.6s ease-in-out infinite;z-index:3}.orbit{position:absolute;border:1px solid rgba(100,211,255,.18);border-radius:50%}.orbit-one{width:98px;height:98px;animation:spin 9s linear infinite}.orbit-two{width:76px;height:76px;border-style:dashed;animation:spin 6s linear reverse infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%,100%{transform:translateY(-42px);opacity:.2}50%{transform:translateY(42px);opacity:1}}
.hidden{display:none!important}.shipment{margin-top:18px}.shipment-head{display:flex;align-items:end;justify-content:space-between;padding:10px 2px 14px}.shipment-head h2{margin:5px 0 0;font-size:22px}.total-badge{font-size:12px;font-weight:800;color:#bfe9ff;border:1px solid var(--line);padding:8px 10px;border-radius:999px;background:rgba(6,20,35,.55)}.route{display:flex;align-items:center;padding:15px 12px;margin-bottom:14px;border:1px solid var(--line);border-radius:16px;background:rgba(4,16,28,.3)}.route>i{height:1px;background:rgba(145,197,232,.15);flex:1}.route-step{display:flex;align-items:center;gap:7px;color:#71879b;font-size:11px;font-weight:800}.route-step b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(137,184,217,.2);font-size:10px}.route-step.active{color:#c8edff}.route-step.active b{background:rgba(62,166,255,.18);border-color:rgba(98,204,255,.42);color:#8be5ff;box-shadow:0 0 18px rgba(68,173,255,.13)}
.file-list{display:grid;gap:10px;max-height:390px;overflow:auto;padding-right:2px}.file-card{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(7,20,35,.48)}.thumb{width:58px;height:58px;border-radius:11px;overflow:hidden;background:linear-gradient(145deg,#173653,#0b2137);display:grid;place-items:center;border:1px solid rgba(141,199,238,.12)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb svg{width:26px;fill:none;stroke:#70cfff;stroke-width:1.5}.file-info{min-width:0}.file-name{font-size:13px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:10px;color:#7f93a8;margin-top:4px;display:flex;gap:7px}.progress-track{height:5px;background:#0a1a2a;border-radius:99px;overflow:hidden;margin-top:8px}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 12px rgba(76,187,255,.4);transition:width .15s}.file-state{font-size:10px;color:#9cb2c7;width:76px;text-align:right}.file-state.ok{color:var(--good)}.file-state.error{color:var(--danger)}
.seal-panel{margin-top:14px;display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;background:linear-gradient(135deg,rgba(28,65,99,.34),rgba(8,21,36,.4));border:1px solid var(--line)}.seal-copy{display:flex;gap:10px;align-items:center;min-width:0;flex:1}.seal-copy strong{display:block;font-size:13px}.seal-copy small{display:block;color:#879bae;font-size:10px;margin-top:3px}.ready-dot{width:10px;height:10px;border-radius:50%;background:#6b7c8f;box-shadow:0 0 0 5px rgba(107,124,143,.08);flex:0 0 auto}.ready-dot.ready{background:var(--good);box-shadow:0 0 0 5px rgba(119,242,195,.09),0 0 18px rgba(119,242,195,.4)}.seal-button{border:0;border-radius:13px;padding:13px 15px;min-width:168px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#72e6ff,#429eff);color:#04111e;font-weight:900;cursor:pointer;transition:.2s}.seal-button:disabled{opacity:.32;cursor:not-allowed;filter:grayscale(.4)}.seal-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(56,164,245,.2)}
.success{text-align:center;padding:28px 6px 6px}.success-icon{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:radial-gradient(circle,rgba(119,242,195,.22),rgba(119,242,195,.05));border:1px solid rgba(119,242,195,.35);box-shadow:0 0 45px rgba(119,242,195,.12)}.success-icon svg{width:34px;fill:none;stroke:var(--good);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.success h2{font-size:32px;letter-spacing:-.03em;margin:7px 0 8px}.success>p{color:var(--muted);font-size:13px;line-height:1.55;max-width:530px;margin:0 auto}.tracking-card{margin:24px auto 0;max-width:560px;padding:18px;border-radius:20px;text-align:left;background:linear-gradient(145deg,rgba(17,43,70,.84),rgba(6,20,34,.88));border:1px solid rgba(130,204,255,.25);box-shadow:inset 0 0 34px rgba(70,170,240,.05),0 20px 40px rgba(0,0,0,.18)}.tracking-top{display:flex;justify-content:space-between;color:#86a0b7;font-size:9px;font-weight:850;letter-spacing:.16em}.live-dot{display:flex;align-items:center;gap:6px;color:#8feac6}.live-dot:before{content:"";display:inline-block}.protocol{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:clamp(20px,4.5vw,31px);font-weight:800;letter-spacing:.05em;color:#eaf8ff;margin:18px 0 12px;overflow-wrap:anywhere}.barcode{height:36px;border-radius:3px;opacity:.74;background:repeating-linear-gradient(90deg,#b8e7ff 0 2px,transparent 2px 5px,#b8e7ff 5px 6px,transparent 6px 10px,#b8e7ff 10px 13px,transparent 13px 15px)}.tracking-card button{margin-top:14px;width:100%;padding:11px;border-radius:11px;border:1px solid rgba(133,206,255,.2);background:rgba(48,132,194,.12);color:#bfeaff;font-weight:800;cursor:pointer}.ghost-button{margin-top:16px;border:0;background:transparent;color:#86bfe2;font-weight:800;cursor:pointer;padding:10px}
footer{text-align:center;color:#60788f;font-size:10px;margin-top:22px}footer span{margin:0 7px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:11px 14px;border-radius:999px;background:#e8f8ff;color:#061624;font-size:12px;font-weight:800;box-shadow:0 14px 40px rgba(0,0,0,.28);transition:.25s;z-index:99;max-width:min(90vw,720px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:640px){.shell{padding:12px}.portal{padding:17px;border-radius:23px}.secure-pill{font-size:0;padding:9px}.secure-pill:after{content:"protegido";font-size:10px}.hero-copy{padding:28px 4px 20px}.hero-copy p{font-size:13px}.stamp-gate{grid-template-columns:54px 1fr;padding:14px}.stamp-visual{width:54px;height:54px;border-radius:15px}.stamp-visual svg{width:34px}.stamp-form{grid-template-columns:1fr}.stamp-form .primary{width:100%}.dropzone{min-height:280px}.seal-panel{align-items:stretch;flex-direction:column}.seal-button{width:100%}.file-card{grid-template-columns:50px 1fr}.thumb{width:50px;height:50px}.file-state{grid-column:2;text-align:left;width:auto}.route-step span{font-size:10px}.success h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}