.illu{--i-frame:#f4f4f4;--i-surface:#fff;--i-blue:#2f6bdc;--i-blue-soft:#e8effb;--i-red:#e9473e;--i-red-soft:#fde9e7;--i-ink:#141414;--i-ink-muted:#8b8b8b;--i-skeleton:#f4f4f4;--i-doc-red:#5b1712;--i-doc-blue:#16213d;--i-ease-out:cubic-bezier(.22, .8, .3, 1);--i-ease-pop:cubic-bezier(.34, 1.7, .55, 1);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;font-family:inherit;container-type:inline-size}.illu__frame{--u:calc(100cqi / 598);aspect-ratio:598/384;padding:calc(var(--u) * 32);border-radius:calc(var(--u) * 28);background:var(--i-frame)}.illu__inner{border-radius:calc(var(--u) * 18);background:var(--i-surface);height:100%;position:relative}.illu svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;display:block}.illu__stack{justify-items:center;display:grid}.illu__stack>*{white-space:nowrap;grid-area:1/1}.illu__swap{opacity:0;transform:translateY(calc(var(--u) * 6));transition:opacity .28s,transform .28s}.illu__swap.is-shown{opacity:1;transition-delay:80ms;transform:none}.illu-upload{border:calc(var(--u) * 1.5) dashed var(--i-blue);flex-direction:column;justify-content:center;align-items:center;transition:background-color .35s;display:flex}[data-illu-state=approach] .illu-upload,[data-illu-state=press] .illu-upload{background:#f7faff}.illu-upload__icon{width:calc(var(--u) * 86);height:calc(var(--u) * 86);margin-bottom:calc(var(--u) * 18);position:relative}.illu-upload__circle{background:var(--i-blue-soft);color:var(--i-blue);transition:transform .35s var(--i-ease-pop), background-color .35s ease, color .35s ease;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.illu-upload__circle:after{content:"";border:calc(var(--u) * 2) solid var(--i-blue);opacity:0;border-radius:50%;position:absolute;inset:0}.illu-upload__circle svg{width:calc(var(--u) * 34);height:calc(var(--u) * 34);stroke-width:1.8px;grid-area:1/1;transition:opacity .25s,transform .35s}.illu-upload__check{opacity:0;transform:scale(.5);stroke-width:2.4px!important}.illu-upload__check path{stroke-dasharray:1;stroke-dashoffset:1px}[data-illu-state=approach] .illu-upload__circle{transform:scale(1.06)}[data-illu-state=press] .illu-upload__circle{transition-duration:.12s;transform:scale(.94)}[data-illu-state=uploading] .illu-upload__circle:after{animation:.7s ease-out illu-upload-ripple}[data-illu-state=uploading] .illu-upload__arrow{animation:.9s ease-in-out infinite illu-upload-lift}[data-illu-state=done] .illu-upload__circle{background:var(--i-blue);color:#fff}[data-illu-state=done] .illu-upload__arrow,[data-illu-state=done] .illu-upload__tray{opacity:0;transform:translateY(calc(var(--u) * -8))}[data-illu-state=done] .illu-upload__check{opacity:1;transition:opacity .2s ease .1s, transform .45s var(--i-ease-pop) .1s;transform:none}[data-illu-state=done] .illu-upload__check path{stroke-dashoffset:0;transition:stroke-dashoffset .4s .2s}@keyframes illu-upload-ripple{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@keyframes illu-upload-lift{0%{opacity:1;transform:translateY(0)}45%{opacity:0;transform:translateY(-30%)}46%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:translateY(0)}}.illu-upload__cursor{width:calc(var(--u) * 26);height:calc(var(--u) * 26);stroke-width:1.4px;filter:drop-shadow(0 1px 2px #00000040);transform-origin:20% 12%;opacity:0;transform:translate(calc(var(--u) * 150), calc(var(--u) * 110));transition:transform .9s var(--i-ease-out), opacity .4s ease;position:absolute;top:56%;left:56%;fill:#141414!important;stroke:#fff!important}[data-illu-state=approach] .illu-upload__cursor{opacity:1;transform:none}[data-illu-state=press] .illu-upload__cursor{opacity:1;transition-duration:.12s;transform:scale(.85)}[data-illu-state=uploading] .illu-upload__cursor{opacity:0;transform:translate(calc(var(--u) * 50), calc(var(--u) * 70));transition-duration:.6s}.illu-upload__title{margin-bottom:calc(var(--u) * 8);color:var(--i-ink);font-size:calc(var(--u) * 20);font-weight:500}.illu-upload__sub{color:var(--i-ink-muted);font-size:calc(var(--u) * 17)}.illu-upload__progress{align-items:center;gap:calc(var(--u) * 8);flex-direction:column;display:flex}.illu-upload__bar{width:calc(var(--u) * 150);height:calc(var(--u) * 6);background:var(--i-blue-soft);border-radius:99px;overflow:hidden}.illu-upload__bar i{border-radius:inherit;background:var(--i-blue);width:0;height:100%;display:block}[data-illu-state=uploading] .illu-upload__bar i{width:100%;transition:width 1.5s cubic-bezier(.45,.05,.3,1) .15s}[data-illu-state=done] .illu-upload__bar i{width:100%}.illu-translate{place-items:center;display:grid}.illu-doc{width:calc(var(--u) * 196);height:calc(var(--u) * 236);transition:opacity .4s ease, transform .4s var(--i-ease-out);position:relative}.illu-doc__back{border:calc(var(--u) * 1) solid #ececec;border-radius:calc(var(--u) * 12);transform:translate(calc(var(--u) * 12), calc(var(--u) * 4)) rotate(6deg);background:#f7f7f7;position:absolute;inset:0}.illu-doc__card{gap:calc(var(--u) * 12);height:100%;padding:calc(var(--u) * 22);border:calc(var(--u) * 1.5) solid #e9e9e9;border-radius:calc(var(--u) * 12);box-shadow:0 calc(var(--u) * 12) calc(var(--u) * 30) calc(var(--u) * -14) #16213d40;background:#fff;flex-direction:column;transition:border-color .5s;display:flex;position:relative;overflow:hidden}.illu-doc__lang{margin-bottom:calc(var(--u) * 6);padding:calc(var(--u) * 4) calc(var(--u) * 11);background:var(--i-red-soft);color:var(--i-red);font-size:calc(var(--u) * 14);border-radius:99px;align-self:flex-start;justify-items:start;font-weight:600;transition:background-color .3s .3s,color .3s .3s;display:grid}.illu-doc__lang>*{white-space:nowrap;grid-area:1/1}.illu-doc__lang .illu__swap.is-shown{transition-delay:.3s}.illu-doc__line{height:calc(var(--u) * 8);flex:none;position:relative}.illu-doc__line--title{height:calc(var(--u) * 16);margin-bottom:calc(var(--u) * 2)}.illu-doc__line i{border-radius:99px;position:absolute;inset:0 auto 0 0}.illu-doc__src{width:var(--w);transition:opacity .25s ease calc(var(--i) * 95ms + .4s);background:#e4e4e4}.illu-doc__line--title i{width:auto;font-size:calc(var(--u) * 14);font-style:normal;font-weight:600;line-height:calc(var(--u) * 16);white-space:nowrap;background:0 0}.illu-doc__line--title .illu-doc__src{color:var(--i-doc-red)}.illu-doc__tr{width:var(--w2);clip-path:inset(0 100% 0 0);transition:clip-path .45s var(--i-ease-out) calc(var(--i) * 95ms + .4s);background:#c9d8f5}.illu-doc__line--title .illu-doc__tr{color:var(--i-doc-blue)}.illu-doc__beam{height:calc(var(--u) * 40);border-bottom:calc(var(--u) * 2) solid var(--i-blue);opacity:0;pointer-events:none;background:linear-gradient(#2f6bdc00,#2f6bdc24);position:absolute;inset:0 0 auto;transform:translateY(-100%)}.illu-doc__seal{right:calc(var(--u) * -30);bottom:calc(var(--u) * -26);align-content:center;place-items:center;gap:calc(var(--u) * 3);width:calc(var(--u) * 88);height:calc(var(--u) * 88);border:calc(var(--u) * 4) solid #fff;background:var(--i-blue);color:#fff;box-shadow:0 calc(var(--u) * 10) calc(var(--u) * 22) calc(var(--u) * -8) #2f6bdc99;opacity:0;border-radius:50%;display:grid;position:absolute;transform:rotate(-10deg)scale(.6)}.illu-doc__seal:before{content:"";inset:calc(var(--u) * 5);border:calc(var(--u) * 1.5) dashed #ffffff8c;border-radius:50%;position:absolute}.illu-doc__seal:after{content:"";inset:calc(var(--u) * -4);border:calc(var(--u) * 2) solid var(--i-blue);opacity:0;border-radius:50%;position:absolute}.illu-doc__seal svg{width:calc(var(--u) * 28);height:calc(var(--u) * 28);stroke-width:1.7px}.illu-doc__seal svg path{stroke-dasharray:1;stroke-dashoffset:0}.illu-doc__seal span{font-size:calc(var(--u) * 13);letter-spacing:.04em;font-weight:700}[data-illu-state=translate] .illu-doc__beam{animation:1.3s cubic-bezier(.45,0,.4,1) .1s forwards illu-doc-scan}[data-illu-state=translate] .illu-doc__lang,[data-illu-state=certify] .illu-doc__lang,[data-illu-state=done] .illu-doc__lang,[data-illu-state=out] .illu-doc__lang{background:var(--i-blue-soft);color:var(--i-blue)}[data-illu-state=translate] .illu-doc__src,[data-illu-state=certify] .illu-doc__src,[data-illu-state=done] .illu-doc__src,[data-illu-state=out] .illu-doc__src{opacity:0}[data-illu-state=translate] .illu-doc__tr,[data-illu-state=certify] .illu-doc__tr,[data-illu-state=done] .illu-doc__tr,[data-illu-state=out] .illu-doc__tr{clip-path:inset(0)}[data-illu-state=certify] .illu-doc__seal{animation:.45s cubic-bezier(.3,0,.3,1) forwards illu-doc-stamp}[data-illu-state=certify] .illu-doc__card{animation:.35s .25s illu-doc-jolt}[data-illu-state=done] .illu-doc__card,[data-illu-state=out] .illu-doc__card{border-color:#2f6bdc73}[data-illu-state=done] .illu-doc__seal,[data-illu-state=out] .illu-doc__seal{opacity:1;transform:rotate(-10deg)}[data-illu-state=done] .illu-doc__seal:after{animation:1s ease-out illu-doc-ring}[data-illu-state=done] .illu-doc__seal svg path{animation:1s forwards illu-draw}[data-illu-state=out] .illu-doc{opacity:0;transform:translateY(calc(var(--u) * -8)) scale(.98)}[data-illu-state=idle] .illu-doc__src,[data-illu-state=idle] .illu-doc__tr,[data-illu-state=idle] .illu-doc__lang,[data-illu-state=idle] .illu-doc .illu__swap{transition:none}@keyframes illu-doc-scan{0%{opacity:0;transform:translateY(-100%)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(calc(var(--u) * 236))}}@keyframes illu-doc-stamp{0%{opacity:0;transform:rotate(-28deg)scale(1.9)}60%{opacity:1;transform:rotate(-9deg)scale(.9)}to{opacity:1;transform:rotate(-10deg)scale(1)}}@keyframes illu-doc-jolt{0%,to{transform:none}40%{transform:translateY(calc(var(--u) * 3)) scale(.99)}}@keyframes illu-doc-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes illu-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.illu-feed{justify-content:center;gap:calc(var(--u) * 8);padding:0 calc(var(--u) * 32);flex-direction:column;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0006,#000 32% 68%,#0006);mask-image:linear-gradient(#0006,#000 32% 68%,#0006)}.illu-feed__row{height:calc(var(--u) * 40);border-radius:calc(var(--u) * 8);background:linear-gradient(90deg, var(--i-skeleton) 40%, #fafafa 50%, var(--i-skeleton) 60%) 0 0 / 250% 100%;flex:none;animation:2.4s linear infinite illu-feed-shimmer}.illu-feed__slot{height:0;margin-bottom:calc(var(--u) * -8);transition:height .5s var(--i-ease-out), margin .5s var(--i-ease-out);flex:none}.illu-notif{align-items:center;gap:calc(var(--u) * 10);height:calc(var(--u) * 62);padding:0 calc(var(--u) * 24);border:calc(var(--u) * 1.5) solid var(--i-blue);border-radius:calc(var(--u) * 10);color:var(--i-ink);font-size:calc(var(--u) * 20);opacity:0;transform:translateY(calc(var(--u) * -14)) scale(.97);transition:opacity .35s ease, transform .5s var(--i-ease-out), box-shadow .5s ease;background:#fff;font-weight:500;display:flex}.illu-notif__app{white-space:nowrap}.illu-notif__badge-wrap{transition:grid-template-columns .4s var(--i-ease-out) .1s;flex:none;grid-template-columns:1fr;display:grid}.illu-notif__badge{min-width:0;padding:calc(var(--u) * 4) calc(var(--u) * 11);background:var(--i-blue);color:#fff;font-size:calc(var(--u) * 14);white-space:nowrap;opacity:0;transition:transform .45s var(--i-ease-pop), opacity .25s ease;border-radius:99px;font-weight:700;transform:scale(0)}.illu-notif__end{justify-items:end;margin-left:auto}.illu-notif__file{align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 6) calc(var(--u) * 10);border-radius:calc(var(--u) * 8);background:var(--i-blue-soft);color:var(--i-blue);font-size:calc(var(--u) * 13);font-weight:600;display:inline-flex}.illu-notif__file svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16);stroke-width:2px}[data-illu-state=arrive] .illu-feed__slot,[data-illu-state=highlight] .illu-feed__slot,[data-illu-state=open] .illu-feed__slot{height:calc(var(--u) * 62);margin-bottom:0}[data-illu-state=arrive] .illu-notif,[data-illu-state=highlight] .illu-notif,[data-illu-state=open] .illu-notif{opacity:1;transform:none}[data-illu-state=highlight] .illu-notif{box-shadow:0 0 0 calc(var(--u) * 4) #2f6bdc1f, 0 calc(var(--u) * 10) calc(var(--u) * 24) calc(var(--u) * -10) #2f6bdc73}[data-illu-state=highlight] .illu-notif__badge{opacity:1;transform:none}[data-illu-state=open] .illu-notif__badge-wrap{grid-template-columns:0fr;overflow:hidden}[data-illu-state=open] .illu-notif__badge{opacity:0;transform:scale(.6)}@keyframes illu-feed-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.illu *,.illu :before,.illu :after{transition:none!important;animation:none!important}}