:root{--bg:#f6f9ff;--panel:#ffffff;--panel-2:#f5faff;--text:#0b2447;--muted:#58779f;--primary:#002c40;--primary-2:#002c40;--success:#28c76f;--warn:#ffb020;--danger:#ff5d6c;--ring:0 0 0 4px rgba(0,44,64,.25)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg);overflow-x:hidden}.container{max-width:1160px;margin:0 auto;padding:24px}.bg-anim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(800px 400px at 12% -10%,rgba(0,44,64,.35),transparent 60%),radial-gradient(700px 400px at 88% 120%,rgba(0,44,64,.25),transparent 60%),linear-gradient(180deg,#eef7ff,#fff)}.bg-blob{position:absolute;width:40vw;height:40vw;border-radius:50%;filter:blur(40px);opacity:.3;background:radial-gradient(circle at 30% 30%,var(--primary),var(--primary-2))}.bg-blob.b1{top:-10%;left:-10%;animation:float1 12s ease-in-out infinite}.bg-blob.b2{bottom:-15%;right:-12%;animation:float2 14s ease-in-out infinite}@keyframes float1{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(40px) translate(20px)}}@keyframes float2{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(-30px)}}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid rgba(9,30,66,.06);border-radius:16px;padding:16px;box-shadow:0 10px 30px #091e4214}.row{display:flex;gap:16px;flex-wrap:wrap}.col{flex:1 1 280px}.muted{color:var(--muted)}.input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(9,30,66,.12);background:#fff;color:var(--text);outline:none;transition:box-shadow .2s,border-color .2s,transform .08s}.input:focus{box-shadow:var(--ring);border-color:var(--primary)}.button{padding:12px 16px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:800;cursor:pointer;transition:transform .06s ease,filter .2s}.button:hover{filter:brightness(1.03)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.6;cursor:not-allowed}.badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.3px;background:#e7eef1;color:var(--primary)}.timeline{padding-left:16px;position:relative}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:#091e4224}.ti{position:relative;padding-left:24px;margin:14px 0}.ti:before{content:"";position:absolute;left:-2px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 6px #002c4033}.ti.current-green:before{background:var(--success);box-shadow:0 0 0 6px #28c76f3d}.skel{background:linear-gradient(90deg,#091e420f 25%,#091e421f 37%,#091e420f 63%);background-size:400% 100%;animation:shimmer 1.25s infinite;border-radius:10px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.stepper{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;padding:8px 4px}.step{display:flex;flex-direction:column;align-items:center;min-width:110px;position:relative}.dot{width:20px;height:20px;border-radius:50%;background:#e7eef1;border:2px solid #d0d9de;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:12px;font-weight:800}.dot.done{background:var(--primary);border-color:var(--primary);color:#fff}.dot.current{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 0 0 6px #28c76f3d;animation:pulseGreen 1.6s ease-in-out infinite}@keyframes pulseGreen{0%{box-shadow:0 0 0 6px #28c76f3d}50%{box-shadow:0 0 0 9px #28c76f61}to{box-shadow:0 0 0 6px #28c76f3d}}.line{position:absolute;top:9px;left:110px;height:2px;width:110px;background:#e3e8ea}.step:last-child .line{display:none}.step-label{margin-top:8px;text-align:center;font-size:12px;color:var(--muted);font-weight:600}.step.done .step-label{color:var(--primary)}.step.current .step-label{color:var(--success);font-weight:800}.pkg-tabs{display:flex;gap:8px;flex-wrap:wrap}.pkg-tab{padding:8px 12px;border:1px solid rgba(9,30,66,.12);border-radius:999px;background:#fff;cursor:pointer;font-weight:700}.pkg-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.blink-green{animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}html[dir=rtl] body{direction:rtl}html[dir=rtl] .row{flex-direction:row-reverse}html[dir=rtl] .timeline{padding-right:16px;padding-left:0}html[dir=rtl] .timeline:before{right:6px;left:auto}html[dir=rtl] .ti{padding-right:24px;padding-left:0}html[dir=rtl] .ti:before{right:-2px;left:auto}html[dir=rtl] .stepper{direction:rtl}html[dir=rtl] .line{right:110px;left:auto}