.docs-frame{container-type:size;background:radial-gradient(120% 90% at 28% 18%,#fdfbf7,#f4efe7 55%,#ebe4d8)}.docs-frame:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(115deg,rgba(120,100,70,.025) 0 1px,transparent 1px 7px);pointer-events:none}.docs{--cw: min(46cqw, 40cqh);--pen: #1d3068;--ink-d: #13284c;--ink-d2: #3c4a63;--ink-d3: #66718a;--gold-ink: #8a6418;--gold-d: #b08e43;--shadow-paper: 0 1px 1px rgba(19, 40, 76, .05), 0 5px 12px -6px rgba(19, 40, 76, .12), 0 30px 60px -30px rgba(19, 40, 76, .32);position:absolute;inset:0;font-family:AAT Schola,Georgia,serif;color:var(--ink-d)}.docs-defs{position:absolute;width:0;height:0;overflow:hidden}.docs-fan{position:absolute;left:50%;top:50%;width:var(--cw);height:calc(var(--cw) * 1.3);margin-left:-16em;margin-top:-7em;font-size:calc(var(--cw) / 20);line-height:1.6}.doc{position:absolute;inset:0;transform-origin:50% 50%;transition:transform 1.15s cubic-bezier(.16,1,.3,1),opacity .6s ease}.doc-in{position:absolute;inset:0}.doc-paper{position:absolute;inset:0;overflow:hidden;background:#fff;border:1px solid #e9e4da;box-shadow:var(--shadow-paper)}.doc-art{position:absolute;inset:0;width:100%;height:100%}.doc-art path{fill:none;vector-effect:non-scaling-stroke}.doc--passport{transform:translate3d(12em,-11.7em,0) rotate(8deg)}.doc--diploma{transform:translate3d(8em,-8.2em,0) rotate(3.4deg)}.doc--birth{transform:translate3d(4em,-4.1em,0) rotate(-1.2deg)}.doc--translation{transform:translateZ(0) rotate(-5deg)}.js .docs-frame[data-step="0"] .doc{opacity:0}.js .docs-frame[data-step="0"] .doc--passport{transform:translate3d(4.5em,5em,0) rotate(-3.2deg)}.js .docs-frame[data-step="0"] .doc--diploma{transform:translate3d(4.3em,5.15em,0) rotate(-3.9deg)}.js .docs-frame[data-step="0"] .doc--birth{transform:translate3d(4.15em,5.3em,0) rotate(-4.5deg)}.js .docs-frame[data-step="0"] .doc--translation,.js .docs-frame[data-step="1"] .doc--translation{opacity:0;transform:translate3d(-2em,9em,0) rotate(-11deg)}.js .docs-frame[data-step="1"] .doc--passport{transform:translate3d(9.5em,-6.2em,0) rotate(8deg)}.js .docs-frame[data-step="1"] .doc--diploma{transform:translate3d(5.5em,-2.7em,0) rotate(3.4deg)}.js .docs-frame[data-step="1"] .doc--birth{transform:translate3d(1.5em,1.4em,0) rotate(-1.2deg)}.js .docs-frame[data-step="1"] .doc--birth{transition-delay:.12s}.js .docs-frame[data-step="1"] .doc--diploma{transition-delay:.06s}.docs-stamp{position:absolute;left:6.1em;bottom:2.6em;z-index:5;width:12.2em;color:#1f3474;opacity:.93;transform:rotate(-9deg);transform-origin:50% 50%;pointer-events:none}.docs-stamp svg{width:100%;height:auto;overflow:visible}.js .docs-frame:not([data-step="3"]) .docs-stamp{opacity:0;transform:translate3d(0,-26px,0) scale(1.5) rotate(-19deg);filter:blur(3px)}.js .docs-frame[data-step="3"] .docs-stamp{animation:stamp-land .52s cubic-bezier(.35,.5,.2,1) .15s both}@keyframes stamp-land{0%{opacity:0;transform:translate3d(0,-26px,0) scale(1.5) rotate(-19deg);filter:blur(3px)}60%{opacity:1;transform:translateZ(0) scale(.97) rotate(-8.6deg);filter:blur(0)}to{opacity:.93;transform:translateZ(0) scale(1) rotate(-9deg);filter:blur(0)}}.js .docs-frame[data-step="3"] .doc--translation .doc-in{animation:paper-give .46s ease-out .44s}@keyframes paper-give{30%{transform:translate3d(0,2.5px,0)}}.docs-spec{position:absolute;right:1.5rem;bottom:1.25rem;z-index:6;font-family:var(--font-body);font-size:.75rem;color:var(--ink-soft);opacity:.85}.doc--passport .waves path{stroke:#b9c4da;stroke-width:.6;opacity:.55}.doc--passport .rose path{stroke:var(--gold-d);stroke-width:.55;opacity:.8}.doc--passport .head{position:absolute;top:1.2em;left:1.3em;right:1.3em;display:flex;justify-content:space-between;align-items:baseline}.doc--passport .head b{font-size:.74em;letter-spacing:.3em;font-variant-caps:all-small-caps;color:var(--ink-d)}.doc--passport .head [lang=ar]{font-size:1.12em;color:var(--ink-d)}.doc--passport .photo{position:absolute;left:1.3em;top:3.7em;width:6.2em;height:7.8em;display:grid;place-items:center;border:1px solid rgba(19,40,76,.45);background:repeating-linear-gradient(135deg,rgba(19,40,76,.07) 0 1px,transparent 1px 5px)}.doc--passport .photo span{padding:.3em .4em;background:#fff;font:700 .46em/1 AAT Schola,Georgia,serif;letter-spacing:.18em;font-variant-caps:all-small-caps;color:var(--ink-d3)}.doc--passport .fields{position:absolute;left:8.4em;right:1.3em;top:3.6em;display:grid;gap:.62em}.doc--passport .f{display:grid;gap:.12em}.doc--passport .f i{display:flex;justify-content:space-between;font-style:normal;font-size:.42em;letter-spacing:.12em;font-variant-caps:all-small-caps;color:var(--ink-d3)}.doc--passport .f i [lang=ar]{font-size:1.3em;letter-spacing:0}.doc--passport .f b{font-size:.66em;letter-spacing:.08em;color:var(--ink-d)}.doc--passport .f u{display:block;height:.7em;border-bottom:1px dotted #9ea6b5;text-decoration:none}.doc--passport .mrz{position:absolute;left:1.3em;right:1.1em;bottom:1.1em;overflow:hidden;white-space:nowrap;font:400 .62em/1.55 ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:.035em;color:var(--ink-d)}.doc--diploma .frame{position:absolute;inset:.8em;border:1px solid rgba(19,40,76,.6)}.doc--diploma .frame:after{content:"";position:absolute;inset:.55em;border:1px solid rgba(19,40,76,.28)}.doc--diploma .braid path{stroke:var(--gold-d);stroke-width:.55;opacity:.85}.doc--diploma .body{position:absolute;inset:1.85em 2.2em 2em;display:flex;flex-direction:column;align-items:center;text-align:center}.doc--diploma .t{font-style:italic;font-size:2.15em;line-height:1;letter-spacing:-.01em;color:var(--ink-d)}.doc--diploma .s{margin-top:.7em;font-weight:700;font-size:.56em;letter-spacing:.2em;font-variant-caps:all-small-caps;color:var(--gold-ink)}.doc--diploma .p{margin-top:2.2em;font-style:italic;font-size:.7em;color:var(--ink-d2)}.doc--diploma .line{width:72%;margin-top:1.3em;border-bottom:1px dotted #9ea6b5}.doc--diploma .fait{width:100%;margin-top:1.5em;display:flex;align-items:flex-end;gap:.6em;font-style:italic;font-size:.62em;color:var(--ink-d2)}.doc--diploma .fait u{flex:1;border-bottom:1px dotted #9ea6b5;text-decoration:none}.doc--diploma .ribbon{position:absolute;left:50%;bottom:1.6em;width:4.6em;height:6em;margin-left:-2.3em}.doc--birth .frame{position:absolute;inset:.75em;border:1px solid rgba(19,40,76,.55)}.doc--birth .frame:after{content:"";position:absolute;inset:.24em;border:1px solid rgba(19,40,76,.22)}.doc--birth .ros{position:absolute;width:1.2em;height:1.2em;color:var(--gold-d)}.doc--birth .ros.tl{top:.15em;left:.15em}.doc--birth .ros.tr{top:.15em;right:.15em}.doc--birth .ros.bl{bottom:.15em;left:.15em}.doc--birth .ros.br{bottom:.15em;right:.15em}.doc--birth .body{position:absolute;inset:2em 2em 1.8em}.doc--birth .t{text-align:center;font-weight:700;font-size:1.6em;line-height:1.3;color:var(--ink-d)}.doc--birth .sp{display:block;margin-top:.1em;text-align:center;font-size:.82em;color:var(--gold-ink)}.doc--birth .rows{display:grid;gap:.2em;margin-top:1.3em}.doc--birth .row{display:flex;align-items:center;gap:.6em;height:2.3em}.doc--birth .row span{font-size:1.02em;white-space:nowrap;color:var(--ink-d)}.doc--birth .row u{flex:1;border-bottom:1px dotted #b3b9c5;text-decoration:none;transform:translateY(.4em)}.doc--birth .row svg{flex:none;width:6.4em;height:1.7em;overflow:visible}.doc--birth .row svg path,.doc--birth .sig path{fill:none;stroke:var(--pen);stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.doc--birth .foot{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end}.doc--birth .sig{display:grid;justify-items:center;font-size:.9em;color:var(--ink-d2)}.doc--birth .sig svg{width:5.6em;height:1.9em}.doc--birth .rstamp{width:4.4em;height:4.4em;color:#3a4a9a;opacity:.85;transform:rotate(-12deg)}.doc--translation .body{position:absolute;inset:1.7em 1.75em 1.5em;display:flex;flex-direction:column}.doc--translation .specimen-tag{position:absolute;top:0;right:0;display:inline-flex;align-items:center;padding:.2em .55em .25em;border:1px solid currentColor;font:700 .56em/1 AAT Schola,Georgia,serif;letter-spacing:.16em;font-variant-caps:all-small-caps;color:var(--gold-ink)}.doc--translation .t{margin-top:1.1em;font-size:1.5em;line-height:1.15;letter-spacing:-.01em;color:var(--ink-d)}.doc--translation .st{margin-top:.3em;font-style:italic;font-size:.72em;color:var(--ink-d3)}.doc--translation .rule{height:3px;margin:.9em 0 .5em;border-top:1px solid var(--ink-d);border-bottom:1px solid rgba(19,40,76,.3)}.doc--translation .row{display:flex;align-items:center;gap:.6em;height:2.05em;font-size:.82em;color:var(--ink-d)}.doc--translation .row span{white-space:nowrap}.doc--translation .row u{flex:1;border-bottom:1px dotted #b3b9c5;text-decoration:none;transform:translateY(.35em)}.doc--translation .row i{flex:none;width:var(--w);height:.72em;background:#22335e;border-radius:1px;transform:skew(-7deg)}.doc--translation .tsig{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between}.doc--translation .tsig>div{width:8.5em}.doc--translation .tsig svg{width:100%;height:2.3em;overflow:visible}.doc--translation .tsig path{fill:none;stroke:var(--pen);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.doc--translation .tsig .ln{height:1px;background:var(--ink-d);opacity:.8}.doc--translation .tsig small{display:block;margin-top:.35em;font-style:italic;font-size:.6em;color:var(--ink-d3)}@media screen and (max-width:991px){.docs-frame{position:relative}.docs{--cw: min(44cqw, 38cqh)}}@media screen and (max-width:479px){.docs-spec{display:none}}@media(prefers-reduced-motion:reduce){.js .docs-frame .doc{opacity:1!important;transition:none!important}.js .docs-frame .doc--passport{transform:translate3d(12em,-11.7em,0) rotate(8deg)!important}.js .docs-frame .doc--diploma{transform:translate3d(8em,-8.2em,0) rotate(3.4deg)!important}.js .docs-frame .doc--birth{transform:translate3d(4em,-4.1em,0) rotate(-1.2deg)!important}.js .docs-frame .doc--translation{transform:translateZ(0) rotate(-5deg)!important}.js .docs-frame .docs-stamp{opacity:.93!important;transform:rotate(-9deg)!important;filter:none!important;animation:none!important}}@media screen and (max-width:767px){.docs{--cw: min(50cqw, 40cqh)}}
