.tr{--g:#c18f36;--lg:#e3c27a;--dg:#9a6e22;--n:#0f2a55;--iv:#fbf8f1;color:var(--n);font-family:Cairo,var(--font-sans),sans-serif;background:linear-gradient(#fbf6ea,#fff);padding:120px 20px 60px;position:relative;overflow:clip}.tr-blob{filter:blur(90px);opacity:.5;pointer-events:none;top:-100px;background:#f3dfb0;border-radius:50%;width:640px;height:460px;animation:20s ease-in-out infinite alternate tr-drift;position:absolute;inset-inline-start:-120px}@keyframes tr-drift{to{transform:translate(-140px,80px)scale(1.1)}}.tr-grid{grid-template-columns:minmax(0,1fr) 480px;align-items:start;gap:44px;max-width:1240px;margin:0 auto;display:grid;position:relative}.tr-in{animation:.6s cubic-bezier(.2,.8,.2,1) both tr-up;animation-delay:calc(var(--i) * 80ms)}@keyframes tr-up{0%{opacity:0;transform:translateY(16px)}}.tr-crumb{color:#7a869a;font-size:13px;font-weight:700}.tr-crumb span{color:var(--g)}.tr-pill{background:#fff;border:1px solid #ecdcb8;border-radius:99px;align-items:center;gap:6px;margin-top:14px;padding:5px 14px;font-size:13px;font-weight:800;display:inline-flex}.tr-pill svg{width:16px;height:16px;color:var(--g)}.tr h1{margin:12px 0 10px;font-size:50px;font-weight:900;line-height:1.15}.tr h1 em{background:linear-gradient(90deg,var(--dg),var(--g),var(--lg));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.tr-lead{color:#56627a;max-width:620px;font-size:16.5px;line-height:1.8}.tr-features{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.tr-feat{background:#fff;border:1px solid #ecdcb8;border-radius:20px;align-items:center;gap:12px;padding:14px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.tr-feat:hover{border-color:var(--lg);transform:translateY(-5px);box-shadow:0 16px 32px #c18f362e}.tr-feat b{font-size:15px;font-weight:900;display:block}.tr-feat span{color:#6b768c;font-size:12.5px}.tr-ico{background:var(--n);width:44px;height:44px;color:var(--lg);border-radius:13px;flex-shrink:0;place-items:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s;display:grid}.tr-ico svg{width:20px;height:20px}.tr-feat:hover .tr-ico{background:linear-gradient(135deg,#f3dc9f,var(--g));color:var(--n);transform:rotate(-8deg)}.tr-join{margin-top:24px}.tr-join h2{align-items:center;gap:8px;font-size:18px;font-weight:900;display:flex}.tr-join h2 svg{width:18px;height:18px;color:var(--g)}.tr-steps{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;padding:0;list-style:none;display:grid;position:relative}.tr-line{top:24px;width:76%;height:2px;position:absolute;inset-inline:12%;overflow:visible}.tr-line line{stroke:var(--lg);stroke-width:2px;stroke-dasharray:6 6;vector-effect:non-scaling-stroke;animation:1.4s linear infinite tr-dash}@keyframes tr-dash{to{stroke-dashoffset:-24px}}.tr-steps li{text-align:center;justify-items:center;gap:3px;display:grid;position:relative}.tr-circle{border:1.5px solid var(--lg);width:48px;height:48px;color:var(--dg);background:#fff;border-radius:50%;place-items:center;transition:transform .3s,background .3s,color .3s;display:grid}.tr-circle svg{width:20px;height:20px}.tr-steps li:hover .tr-circle{background:linear-gradient(135deg,#f3dc9f,var(--g));color:var(--n);transform:scale(1.1)}.tr-steps b{margin-top:4px;font-size:13.5px;font-weight:900}.tr-steps span{color:#6b768c;font-size:11.5px}.tr-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.tr-stats div{text-align:center;background:#fff;border:1px solid #ecdcb8;border-radius:18px;padding:12px}.tr-num{color:var(--g);font-variant-numeric:tabular-nums;min-width:3ch;font-size:30px;font-weight:900;display:block}.tr-stats span:not(.tr-num){color:#56627a;font-size:12.5px;font-weight:700}.tr-card{background:#fff;border:1.5px solid #ecdcb8;border-radius:30px;position:sticky;top:18px;overflow:hidden;box-shadow:0 30px 70px #c18f3633}.tr-head{background:linear-gradient(135deg,var(--n),#1f5aa6);color:#fff;align-items:center;gap:12px;padding:20px 22px;display:flex;position:relative;overflow:hidden}.tr-head:after{content:"";filter:blur(40px);inset-inline-end:-60px;background:#e3c27a59;border-radius:50%;width:200px;height:200px;position:absolute;top:-90px}.tr-head-ico{background:linear-gradient(135deg,#f3dc9f,var(--g));width:44px;height:44px;color:var(--n);border-radius:13px;place-items:center;display:grid}.tr-head h2{font-size:20px;font-weight:900}.tr-head p{opacity:.8;font-size:12.5px}.tr-form{gap:12px;padding:18px 22px 20px;display:grid}.tr-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.tr-fields{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.tr-field{gap:5px;min-width:0;display:grid}.tr-label{font-size:12.5px;font-weight:800}.tr-input{background:var(--iv);border:1px solid #ecdcb8;border-radius:14px;align-items:center;gap:8px;height:44px;padding:0 12px;transition:box-shadow .2s,border-color .2s;display:flex}.tr-input:focus-within{border-color:var(--lg);box-shadow:0 0 0 3px #e3c27a73}.tr-input svg{width:16px;height:16px;color:var(--g);flex-shrink:0}.tr-input input{min-width:0;font:inherit;color:var(--n);background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.tr-field.is-bad .tr-input{border-color:#d9534f}.tr-field small,.tr-err{color:#c0392b;font-size:11.5px;font-weight:700}.tr-seg{background:var(--iv);border:1px solid #ecdcb8;border-radius:14px;grid-template-columns:1fr 1fr;height:44px;padding:4px;display:grid}.tr-seg button{border-radius:10px;font-size:13px;font-weight:800;transition:background .25s,color .25s}.tr-seg button.on{background:var(--n);color:#fff}.tr-drop{border:1.5px dashed var(--lg);background:#fffcf5;border-radius:16px;transition:background .2s}.tr-drop.drag{background:#fbf1da}.tr-drop.is-bad{border-color:#d9534f}.tr-drop-btn{text-align:start;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.tr-up{background:linear-gradient(135deg,#f3dc9f,var(--g));width:40px;height:40px;color:var(--n);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.tr-up svg{width:18px;height:18px}.tr-drop-btn b{font-size:14px;font-weight:900;display:block}.tr-drop-btn small{color:#6b768c;font-size:11.5px}.tr-file{align-items:center;gap:8px;min-width:0;padding:14px;font-size:13px;font-weight:800;display:flex}.tr-file>svg{color:#1f9d55;flex-shrink:0;width:20px;height:20px}.tr-file span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tr-file button svg{color:#7a869a;width:16px;height:16px}.tr-submit{height:52px;color:var(--n);background:linear-gradient(135deg,#f3dc9f,var(--g));border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:900;transition:transform .2s;display:flex;box-shadow:0 12px 26px #c18f364d}.tr-submit:hover:not(:disabled){transform:translateY(-2px)}.tr-submit:disabled{opacity:.75;cursor:wait}.tr-submit svg{width:18px;height:18px}.tr-spin{animation:.8s linear infinite tr-rot}@keyframes tr-rot{to{transform:rotate(360deg)}}.tr-note{color:#7a869a;text-align:center;justify-content:center;align-items:center;gap:6px;font-size:11.5px;display:flex}.tr-note svg{color:#1f9d55;flex-shrink:0;width:15px;height:15px}.tr-done{text-align:center;justify-items:center;gap:8px;padding:44px 24px;display:grid}.tr-check{color:#1f9d55;width:64px;height:64px;animation:.5s cubic-bezier(.34,1.56,.64,1) both tr-pop}@keyframes tr-pop{0%{opacity:0;transform:scale(.5)}}.tr-done h3{font-size:20px;font-weight:900}.tr-done p{color:#56627a;font-size:14px}.tr-done button{color:var(--dg);border-bottom:1px dashed var(--lg);margin-top:6px;font-weight:800}@media (width<=1000px){.tr-grid{grid-template-columns:1fr;gap:24px}.tr-info{display:contents}.tr-crumb{order:0}.tr-pill{order:1;justify-self:start}.tr h1{order:2}.tr-lead{order:3}.tr-card{order:4;position:static}.tr-features{order:5}.tr-join{order:6}.tr-stats{order:7}.tr-grid>*{margin-top:0}.tr h1{margin:0;font-size:34px}}@media (width<=640px){.tr{padding-top:96px}.tr-fields{grid-template-columns:1fr}.tr-steps{grid-template-columns:1fr 1fr;row-gap:18px}.tr-line{display:none}.tr-features{grid-template-columns:1fr 1fr}.tr-feat{flex-direction:column;align-items:flex-start}.tr-stats{gap:8px}.tr-num{font-size:24px}}@media (prefers-reduced-motion:reduce){.tr-blob,.tr-in,.tr-line line,.tr-check{animation:none}.tr-feat,.tr-ico,.tr-circle{transition:none}.tr-feat:hover{transform:none}}