@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&family=Roboto:wght@300;400;500;700;900&display=swap";
:root{--inpplc-green:#43ae2b;--inpplc-green-dark:#0d6a30;--inpplc-gray:#43ae2b;--gradient-primary:linear-gradient(135deg, #0d6a30 0%, #43ae2b 100%);--gradient-success:linear-gradient(135deg, #0d6a30 0%, #43ae2b 100%);--gradient-danger:linear-gradient(135deg, #c62828 0%, #e65100 100%);--gradient-hero:linear-gradient(135deg, #0d6a30 0%, #43ae2b 100%)}body{-webkit-font-smoothing:antialiased;background-color:#f8f9fa;background-image:url(/hero-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(#ffffffd9 0%,#43ae2b40 40%,#0d6a3059 100%);position:fixed;inset:0}[dir=rtl]{direction:rtl;font-family:Cairo,Segoe UI,Tahoma,sans-serif}[dir=rtl] p,[dir=rtl] li{text-align:right;line-height:1.8}[dir=rtl] .card-body,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{text-align:right}[dir=rtl] .text-center{text-align:center!important}[dir=rtl] .text-start{text-align:right!important}[dir=rtl] ul{padding-left:0;padding-right:1.5rem}[dir=rtl] .me-2{margin-left:.5rem!important;margin-right:0!important}[dir=rtl] .me-3{margin-left:1rem!important;margin-right:0!important}[dir=rtl] .ms-auto{margin-left:0!important;margin-right:auto!important}.navbar{box-shadow:none}.card{border-radius:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 20px #00000014;border:none!important}.card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.card-body{padding:2.5rem}.btn{text-transform:none;border:none;border-radius:.75rem;padding:.75rem 2rem;font-weight:600;transition:all .3s}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 6px 20px #0d6a3059}.btn-primary:hover{background:linear-gradient(135deg,#0d6a30 0%,#43ae2b 100%);transform:translateY(-3px);box-shadow:0 8px 25px #0d6a3073}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 6px 20px #43ae2b59}.btn-success:hover{background:linear-gradient(135deg,#0d6a30 0%,#43ae2b 100%);transform:translateY(-3px);box-shadow:0 8px 25px #43ae2b73}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 6px 20px #e6510059}.btn-lg{padding:1rem 2.5rem;font-size:1.1rem}.form-control,.form-select{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:.875rem 1.25rem;font-size:1rem;transition:all .3s}.form-control:focus,.form-select:focus{border-color:var(--inpplc-green);background:#fff;outline:none;box-shadow:0 0 0 4px #43ae2b26}.form-label{color:#374151;margin-bottom:.5rem;font-size:.95rem;font-weight:600}textarea.form-control{resize:vertical;min-height:120px}.badge{letter-spacing:.3px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600}.bg-primary{background:var(--gradient-primary)!important}.display-3{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.lead{font-size:1.25rem;font-weight:400;line-height:1.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-fadeIn{animation:.8s ease-out forwards fadeIn}.animate-scaleIn{animation:.6s ease-out forwards scaleIn}.animate-slideIn{animation:.6s ease-out forwards slideInLeft}.stepper-item{border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}.stepper-item.active{background:var(--gradient-primary);color:#fff;transform:scale(1.15);box-shadow:0 4px 15px #0d6a3080}.stepper-item.completed{background:var(--gradient-success);color:#fff;box-shadow:0 2px 10px #43ae2b4d}.stepper-item.pending{color:#9ca3af;background:#e5e7eb}.stepper-line{background:#e5e7eb;width:70px;height:3px;transition:all .3s}.stepper-line.completed{background:var(--gradient-success)}@media (max-width:768px){.card-body{padding:1.5rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.display-3{font-size:2.5rem!important}.h2{font-size:1.75rem!important}.stepper-item{width:35px;height:35px;font-size:.9rem}.stepper-line{width:40px}}.shadow-soft{box-shadow:0 4px 20px #00000014}.shadow-strong{box-shadow:0 12px 40px #00000026}.cursor-pointer{cursor:pointer}@media print{header,.navbar,footer{display:none!important}}.section-title-wrapper{text-align:center;margin-bottom:3rem;background:#ffffffd9;border:1px solid #0f172a14;border-radius:24px;max-width:760px;margin-inline:auto;padding:2rem 2.5rem;box-shadow:0 25px 50px -12px #0f172a26}.section-title-wrapper--gradient-border{background-color:#0000;background-image:repeating-linear-gradient(45deg,#0000,#0000 40px,#43ae2b05 40px 41px),radial-gradient(circle at 0 0,#0d6a300f 0%,#0000 40%),radial-gradient(circle at 100% 0,#43ae2b0f 0%,#0000 40%),radial-gradient(circle at 100% 100%,#43ae2b0d 0%,#0000 40%),radial-gradient(circle at 0 100%,#0d6a300f 0%,#0000 40%),linear-gradient(135deg,#fff 0%,#f8faf8 100%),linear-gradient(135deg,#0d6a30 0%,#43ae2b 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:border-box;background-clip:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,border-box;border:4px solid #0000;border-radius:20px;width:100%;max-width:95%;margin:0 auto 4rem;padding:0;position:relative;overflow:hidden;box-shadow:0 20px 60px -15px #0d6a3033,inset 0 0 0 1px #ffffff1a,0 1px 3px #0000000d,-20px -20px 0 -18px #0d6a3014,20px 20px 0 -18px #43ae2b14}.section-title-wrapper--gradient-border:before{content:"";z-index:1;background:linear-gradient(90deg,#0000 0%,#0d6a304d 20%,#43ae2b80 50%,#43ae2b33 80%,#0000 100%);height:4px;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 8px #0d6a3040}.section-title-wrapper--gradient-border:after{content:"";pointer-events:none;z-index:0;filter:blur(20px);background:radial-gradient(circle,#43ae2b14 0%,#0000 70%);border-radius:50%;width:350px;height:350px;position:absolute;top:-30%;right:-8%}.section-title-wrapper--gradient-border>*{z-index:2;position:relative}.decorative-corner{z-index:1;pointer-events:none;width:60px;height:60px;position:absolute}.decorative-corner--top-left{border-top:3px solid #0d6a304d;border-left:3px solid #0d6a304d;border-top-left-radius:12px;top:15px;left:15px}.decorative-corner--top-right{border-top:3px solid #43ae2b4d;border-right:3px solid #43ae2b4d;border-top-right-radius:12px;top:15px;right:15px}.decorative-corner--bottom-left{border-bottom:3px solid #0d6a304d;border-left:3px solid #0d6a304d;border-bottom-left-radius:12px;bottom:15px;left:15px}.decorative-corner--bottom-right{border-bottom:3px solid #43ae2b4d;border-right:3px solid #43ae2b4d;border-bottom-right-radius:12px;bottom:15px;right:15px}.decorative-shape{z-index:1;pointer-events:none;opacity:.15;position:absolute}.decorative-shape--circle-1{filter:blur(1px);background:linear-gradient(135deg,#0d6a3026 0%,#43ae2b14 100%);border:2px solid #0d6a3033;border-radius:50%;width:120px;height:120px;top:10%;left:5%}.decorative-shape--circle-2{filter:blur(1px);background:linear-gradient(135deg,#43ae2b26 0%,#43ae2b0d 100%);border:2px solid #43ae2b33;border-radius:50%;width:80px;height:80px;bottom:15%;right:8%}.decorative-shape--diamond{background:linear-gradient(135deg,#43ae2b33 0%,#0d6a3026 100%);border:2px solid #43ae2b4d;width:40px;height:40px;top:50%;right:10%;transform:translateY(-50%)rotate(45deg);box-shadow:0 4px 12px #43ae2b26}.decorative-shape--circle-3{filter:blur(.5px);opacity:.2;background:linear-gradient(135deg,#0d6a3040 0%,#43ae2b33 100%);border:2px solid #0d6a3059;border-radius:50%;width:60px;height:60px;top:25%;right:15%}.decorative-shape--square{opacity:.2;background:linear-gradient(135deg,#43ae2b4d 0%,#0d6a3040 100%);border:2px solid #43ae2b66;width:35px;height:35px;bottom:25%;left:12%;transform:rotate(15deg);box-shadow:0 3px 10px #43ae2b33}.decorative-shape--triangle{filter:drop-shadow(0 4px 8px #0d6a3040);opacity:.2;border-bottom:40px solid #0d6a3059;border-left:25px solid #0000;border-right:25px solid #0000;width:0;height:0;top:15%;left:8%;transform:rotate(-20deg)}.decorative-shape--hexagon{clip-path:polygon(30% 0%,70% 0%,100% 50%,70% 100%,30% 100%,0% 50%);opacity:.2;background:linear-gradient(135deg,#43ae2b40 0%,#43ae2b33 100%);border:2px solid #43ae2b59;width:45px;height:45px;bottom:30%;right:20%;transform:rotate(30deg);box-shadow:0 4px 12px #43ae2b33}.section-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#0f172a;background:#0f172a1f;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.section-title{color:#0f172a;margin-bottom:1rem;font-size:clamp(2.2rem,4vw + .5rem,3.2rem);font-weight:800}.section-title--solid{color:#0f172a;letter-spacing:-.02em;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(1.5rem,2.5vw + .5rem,2.25rem);font-weight:700;line-height:1.6}[dir=rtl] .section-title--solid{text-align:center;letter-spacing:.02em}.section-divider{background:linear-gradient(90deg,#0000 0%,#0d6a3080 20%,#43ae2bb3 50%,#43ae2b66 80%,#0000 100%);border-radius:999px;width:120px;height:5px;margin:0 auto 2rem;position:relative;box-shadow:0 4px 12px #0d6a3040,0 0 20px #43ae2b26}.section-divider:after{content:"";background:linear-gradient(135deg,#0d6a30 0%,#43ae2b 100%);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #43ae2b80}.section-subtitle{color:#475569;text-align:center;letter-spacing:.01em;max-width:100%;margin:0 auto 1.25rem;font-size:clamp(1rem,1.2vw + .3rem,1.25rem);font-weight:400;line-height:1.9}.section-title-wrapper--gradient-border .section-subtitle{color:#64748b;max-width:90%;font-size:clamp(1.05rem,1.3vw + .3rem,1.3rem)}@media (max-width:768px){.section-title-wrapper{margin-bottom:2.5rem}.section-title-wrapper--gradient-border{max-width:98%;margin-bottom:3rem;padding:2.5rem 2rem}.section-eyebrow{font-size:.75rem}.section-subtitle{padding-inline:1rem;font-size:1rem}.section-title-wrapper--gradient-border .section-subtitle{max-width:100%;font-size:1rem}.section-divider{width:100px;height:4px}}@media (min-width:1400px){.section-title-wrapper--gradient-border{max-width:1400px;padding:1.5rem 2rem}}[dir=rtl] .text-center p,[dir=rtl] .text-center{direction:rtl;text-align:center!important}[dir=rtl] .text-center p.text-right,[dir=rtl] .text-center .text-right{text-align:right!important}[dir=rtl] .text-center p.text-right-rtl{direction:rtl;text-align:right!important}.env-banner{text-align:center;letter-spacing:.08em;text-transform:uppercase;transform-origin:50%;z-index:3000;pointer-events:none;min-width:220px;padding:.45rem 1.25rem;font-size:.82rem;font-weight:700;position:fixed;top:22px;right:-62px;transform:rotate(38deg);box-shadow:0 10px 24px #0000003d}.env-banner--preprod{color:#fff;background:linear-gradient(90deg,#dc2626 0%,#ef4444 100%);border:1px solid #7f1d1d8c}.env-banner--prod{color:#fff;background:linear-gradient(90deg,#b91c1c 0%,#dc2626 100%);border:1px solid #7f1d1d99}@media (max-width:768px){.env-banner{letter-spacing:.05em;min-width:180px;padding:.35rem .8rem;font-size:.68rem;top:16px;right:-56px}}
