:root{--ink:#13232b;--muted:#81909a;--bg:#f8f6f3;--blue:#139bfd;--light:#eff7ff;--line:#eaeef2;--orange:#eb916d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans Arabic',sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit} [hidden]{display:none!important}
.scan-top{height:79px;padding:0 max(4vw,22px);display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e6e8e4;background:#fff}.brand{display:flex;align-items:center;gap:10px;direction:ltr;font-family:Outfit;font-size:17px;letter-spacing:.08em}.logo{width:38px;height:38px;background:#0e3036;color:#c9ff61;border-radius:11px;display:grid;place-items:center;font:900 25px Outfit}.mini{font-size:12px;color:#657778}.ping{display:inline-block;width:8px;height:8px;background:#21c092;border-radius:50%;margin-inline:6px}
.scan-shell{max-width:1120px;margin:0 auto;padding:64px 24px 70px;display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1fr);gap:66px;align-items:center}.scan-side{padding:32px 0}.side-kicker{font:700 12px Outfit;letter-spacing:2px;color:#1983b8}.scan-side h1{font-size:clamp(33px,4.4vw,60px);line-height:1.35;letter-spacing:-.035em;margin:18px 0 15px}.scan-side em{font-style:normal;background:linear-gradient(105deg,#009fed,#a25a69);-webkit-background-clip:text;background-clip:text;color:transparent}.scan-side p{font-size:16px;line-height:2.1;color:#7f8b90;max-width:480px}.steps{display:grid;gap:16px;margin-top:44px}.steps span{display:flex;align-items:center;gap:16px;font-weight:600;font-size:14px}.steps b{font:700 14px Outfit;color:#1888d1;border:1px solid #d9ecf7;border-radius:10px;padding:13px;background:white}.side-note{margin-top:34px;font-size:13px;color:#72828b}
.scan-card{background:white;border:1px solid #eee;border-radius:27px;box-shadow:0 22px 90px #182c2b12;min-height:520px;overflow:hidden}.stage.center{padding:85px 35px;min-height:530px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.stage.center h2{font-size:27px;margin:17px 0 7px}.stage.center p{font-size:14px;line-height:2;color:#859298;max-width:330px}.spinner{width:48px;height:48px;border:4px solid #e2eaf0;border-top-color:#0b9bea;border-radius:50%;animation:spin .8s linear infinite}.spinner.light{border-color:#ffffff40;border-top-color:#fff;width:33px;height:33px}@keyframes spin{to{transform:rotate(360deg)}}
.blue-hero{background:linear-gradient(137deg,#14a8ff 0%,#007fdd 75%,#006abc 100%);color:white;padding:28px 27px 25px;position:relative;overflow:hidden}.blue-hero:after{content:'';position:absolute;width:210px;height:210px;left:-92px;top:-85px;border:1px solid #ffffff2a;border-radius:50%;box-shadow:0 0 0 35px #ffffff09,0 0 0 70px #ffffff07}.hero-badge{font:800 10px Outfit;letter-spacing:2px;opacity:.7}.blue-hero h2{margin:13px 0 2px;font-size:27px;line-height:1.5;position:relative;z-index:1}.blue-hero p{font-size:12px;opacity:.85;margin:0 0 23px;position:relative;z-index:1}.vehicle{background:white;color:var(--ink);display:flex;align-items:center;gap:12px;border-radius:16px;padding:12px 15px;position:relative;z-index:1}.vehicle-icon{width:46px;height:46px;background:#f1f7ff;border-radius:12px;display:grid;place-items:center;font-size:24px}.vehicle div{display:grid;gap:3px;flex:1;min-width:0}.vehicle small{font-size:10px;color:#8798a3}.vehicle strong{font-size:15px;overflow-wrap:anywhere}.tag{font:700 10px Outfit;direction:ltr;color:#8da0a9}
.form-body{padding:26px}.form-body h3{font-size:16px;margin:0 0 16px}.issues{display:grid;gap:9px}.issue{display:flex;align-items:center;gap:10px;border:1.5px solid #edeef1;background:#fff;border-radius:14px;padding:12px;cursor:pointer;transition:.18s;min-height:59px;font-size:12px;font-weight:600}.issue:hover{border-color:#a9daf8}.issue:has(input:checked){border-color:#119efb;background:#eff8ff;color:#0879c3;box-shadow:0 0 0 1px #119efb24}.issue input{accent-color:#1498e5;width:16px;height:16px;margin:0}.issue-icon{border-radius:10px;background:#e7f5ff;width:36px;height:36px;display:grid;place-items:center;font-size:18px}.issue>span:nth-of-type(2){flex:1}.tick{color:#1c95dc;opacity:0}.issue:has(input:checked) .tick{opacity:1}.note-label{font-weight:700;font-size:13px;display:block;margin-top:23px;margin-bottom:10px}.note-label small{font-weight:400;color:#97a3a7}.form-body textarea{width:100%;resize:vertical;padding:13px 15px;border:1px solid #e7e6e5;border-radius:13px;min-height:92px;outline:none;font-size:12px}.form-body textarea:focus{border-color:#209ce5}.char-count{text-align:left;direction:ltr;color:#a1aab2;font:500 11px Outfit}.captcha{min-height:12px;margin-top:12px}.error{font-size:12px;color:#b74631;line-height:1.8;min-height:5px}.primary{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(110deg,#ec956c 0%,#128deb 45%,#159ffc 85%,#ea9375 120%);border:0;color:#fff;width:100%;padding:16px 14px;border-radius:12px;font-size:15px;font-weight:700;box-shadow:0 13px 22px #159ae72a}.primary:disabled{opacity:.65;cursor:wait}.safety{text-align:center;font-size:10px!important;color:#a0a2a2;line-height:1.9;margin:14px 0 0}
.sending-orb{width:90px;height:90px;background:linear-gradient(135deg,#ee9772,#079cf6);display:grid;place-items:center;border-radius:50%;box-shadow:0 18px 35px #2999e032}.eyebrow{font-size:13px;color:#168fe8;font-weight:700;margin-top:21px}.eyebrow.green{color:#09a779}.loading-line{width:200px;height:6px;border-radius:20px;background:#e8f3fa;overflow:hidden;margin-top:20px}.loading-line span{width:40%;height:100%;background:linear-gradient(90deg,#ee9669,#10a1fc);display:block;animation:load 1.4s ease-in-out infinite alternate}@keyframes load{to{transform:translateX(150%)}}.success-orb{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#09ba80,#07946c);display:grid;place-items:center;color:#fff;font-size:39px;box-shadow:0 16px 27px #08a87833}.receipt{display:flex;justify-content:space-between;gap:18px;border-radius:12px;background:#f2f8f7;padding:15px;font-size:12px;margin:21px 0 22px;max-width:330px;width:100%}.receipt b{font:800 12px Outfit}.secondary{display:inline-flex;align-items:center;justify-content:center;background:#0c3037;color:white;border-radius:10px;padding:13px 25px;font-size:13px;font-weight:700}.invalid-orb{width:78px;height:78px;display:grid;place-items:center;font-size:36px;background:#fff0de;color:#cc7a18;border-radius:50%}.text-button{border:0;background:none;color:#148ec6;font-size:12px;margin-top:22px;font-weight:700}
footer{text-align:center;padding:20px;font-size:11px;color:#9da8a8}@media(max-width:850px){.scan-shell{grid-template-columns:1fr;gap:20px;max-width:540px;padding:20px 12px 35px}.scan-side{display:none}.scan-card{border-radius:20px;min-height:500px;box-shadow:0 10px 40px #162c3210}.scan-top{height:65px}.blue-hero{padding:26px 20px 24px}.form-body{padding:20px}.stage.center{min-height:calc(100svh - 155px);padding:40px 24px}}
@media(max-width:410px){.form-body{padding:15px}.issue{padding:10px;font-size:11px}.blue-hero h2{font-size:24px}}