.exports-section{background:#0a0a0e;width:100%;max-width:none;padding:clamp(90px,12vw,150px) max(20px,50% - 540px);font-family:IRANYekan,Tahoma,sans-serif;position:relative;overflow:hidden}.exports-section:before{content:"";pointer-events:none;background:radial-gradient(46% 36% at 50% -4%,#3b23604a,#0000 72%);position:absolute;inset:0}.x-beam{pointer-events:none;background:linear-gradient(90deg,#0000,#8b5cf6aa 30%,#a78bfadd 50%,#8b5cf6aa 70%,#0000);width:min(860px,92vw);height:1px;position:absolute;top:0;left:50%;translate:-50%;box-shadow:0 0 18px #8b5cf680}.x-beam:after{content:"";background:linear-gradient(90deg,#0000,#e9d5ff,#0000);border-radius:99px;width:90px;height:5px;animation:4.5s ease-in-out infinite x-travel;position:absolute;top:-2px;left:0}@keyframes x-travel{0%{opacity:0;left:-8%}18%{opacity:1}82%{opacity:1}to{opacity:0;left:100%}}.x-heading{text-align:center;z-index:1;max-width:650px;margin:0 auto 50px;position:relative}.x-kicker{color:#b7a9ff;letter-spacing:2px;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.x-kicker svg{font-size:16px}.exports-section h2{color:#fff;letter-spacing:-1.8px;margin:14px 0 10px;font-size:clamp(31px,4.3vw,50px)}.exports-section h2 em{background:linear-gradient(110deg,#a78bfa,#e9d5ff 55%,#a78bfa);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-style:normal;animation:5s linear infinite x-shimmer}@keyframes x-shimmer{to{background-position:200% 0}}.exports-section header p{color:#aaa9b8;margin:0;font-size:14px}.x-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:14px;display:grid;position:relative}.x-card{text-align:right;background:linear-gradient(155deg,#17161f,#0d0d13 62%);border:1px solid #ffffff12;border-radius:17px;flex-direction:column;min-height:225px;padding:20px 18px 16px;transition:border-color .35s,box-shadow .35s,transform .35s;display:flex;position:relative;overflow:hidden}.x-card:hover{border-color:#a78bfa70;transform:translateY(-5px);box-shadow:0 22px 45px #0008,0 0 34px #8b5cf624}.x-card--done{border-color:#81e8d054}.x-card--done:hover{border-color:#81e8d090;box-shadow:0 22px 45px #0008,0 0 34px #2fd0b226}.x-corner{top:0;pointer-events:none;background:radial-gradient(circle at 100% 0,#8b5cf62b,#0000 70%);width:64px;height:64px;position:absolute;inset-inline-start:0}.x-card--done .x-corner{background:radial-gradient(circle at 100% 0,#2fd0b22e,#0000 70%)}.x-top{justify-content:space-between;align-items:center;display:flex}.x-icon{color:#c5b7ff;background:#8b5cf622;border:1px solid #a78bfa54;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 18px #8b5cf626}.x-icon svg{font-size:22px}.x-card--1 .x-icon{color:#c5b7ff;background:#8b5cf622;border-color:#a78bfa54}.x-card--2 .x-icon{color:#90d6ff;background:#369de31c;border-color:#55bbf457;box-shadow:0 0 18px #369de32e}.x-card--3 .x-icon{color:#ffbd83;background:#f5904b1c;border-color:#f0a36652;box-shadow:0 0 18px #f5904b2b}.x-card--4 .x-icon{color:#8cecd2;background:#30c9ac1d;border-color:#54ddbf55;box-shadow:0 0 18px #30c9ac2b}.x-icon i{place-items:center;display:grid}.x-format{color:#c7bded;letter-spacing:1.2px;background:#ffffff08;border:1px solid #ffffff14;border-radius:7px;padding:4px 9px;font:800 11px Plus Jakarta Sans,sans-serif}.x-card h3{color:#f6f4ff;margin:16px 0 6px;font-size:14px}.x-card p{color:#94929f;margin:0;font-size:10px;line-height:1.9}.x-meter{background:#ffffff10;border-radius:99px;height:4px;margin:auto 0 9px;position:relative;overflow:hidden}.x-meter-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:99px;position:absolute;inset-block:0;inset-inline-start:0}.x-card--2 .x-meter-fill{background:linear-gradient(90deg,#369de3,#90d6ff)}.x-card--3 .x-meter-fill{background:linear-gradient(90deg,#f5904b,#ffbd83)}.x-card--4 .x-meter-fill{background:linear-gradient(90deg,#30c9ac,#8cecd2)}.x-meter-shine{opacity:.5;background:linear-gradient(90deg,#0000,#ffffffb0 55%,#0000) 0 0/40px 100% no-repeat;border-radius:99px;animation:1.4s linear infinite x-meter-glide;position:absolute;inset-block:0;inset-inline-start:0}@keyframes x-meter-glide{to{background-position:44px 0}}.x-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.x-ready{color:#81e8d0;align-items:center;gap:5px;font-size:9.5px;font-weight:700;display:inline-flex}.x-ready svg{font-size:14px}.x-pulse{background:#81e8d0;border-radius:50%;flex:none;width:7px;height:7px;position:relative;box-shadow:0 0 8px #2fd0b2}.x-pulse:after{content:"";border:1px solid #81e8d080;border-radius:50%;animation:1.8s ease-out infinite x-ping;position:absolute;inset:-4px}@keyframes x-ping{0%{opacity:1;scale:.5}to{opacity:0;scale:1.8}}.x-footer{z-index:1;color:#b8acdf;text-align:center;border:1px dashed #a78bfa42;border-radius:999px;max-width:max-content;margin:30px auto 0;padding:9px 18px;font-size:11.5px;position:relative}.exports-section{direction:rtl}section[dir=ltr].exports-section{direction:ltr}section[dir=ltr].exports-section .x-card{text-align:left}@media (max-width:900px){.x-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.exports-section{padding-inline:15px}.x-grid{grid-template-columns:1fr}.x-card{min-height:0}.x-heading{margin-bottom:32px}.x-heading p{font-size:12px}}@media (prefers-reduced-motion:reduce){.x-beam:after,.x-meter-shine,.x-pulse:after,.exports-section h2 em{animation:none}}.exports-section:before,.x-beam,.x-corner{display:none}.exports-section h2 em{-webkit-text-fill-color:#a78bfa;color:#a78bfa;background:0 0;animation:none}.x-card,.x-card--done{box-shadow:none;background:linear-gradient(145deg,#181720,#0e0e13);border-color:#ffffff12}.x-card:hover,.x-card--done:hover{border-color:#a78bfa70;box-shadow:0 22px 45px #0008}.x-icon,.x-card--1 .x-icon,.x-card--2 .x-icon,.x-card--3 .x-icon,.x-card--4 .x-icon,.x-pulse{box-shadow:none}.x-pulse:after{display:none}