@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');:root{--navy:#071727;--blue:#12c8f2;--light:#f3f8fc;--ink:#10263a;--muted:#6b7e8f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,'Segoe UI',sans-serif;background:var(--light);color:var(--ink)}a{text-decoration:none;color:inherit}.wrap{max-width:1200px;margin:auto;padding:0 22px}.nav{background:#061626;color:#fff;position:sticky;top:0;z-index:5;box-shadow:0 5px 20px #0002}.nav-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:82px}.brand{font-size:30px;font-weight:900;letter-spacing:-1px}.brand span{color:var(--blue)}nav{display:flex;align-items:center;flex-wrap:wrap;gap:23px;font-size:13px;font-weight:700}nav a:hover{color:var(--blue)}.pill,.smallbtn{background:var(--blue);color:#041a2c!important;border-radius:12px;padding:10px 17px;font-weight:800;border:0;cursor:pointer}.inline{display:inline}.textbtn{border:0;background:none;color:white;font:inherit;cursor:pointer}.hero{background:radial-gradient(circle at 70% 50%,#104568 0,#071727 56%);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:570px;gap:40px}.eyebrow{font-size:13px;color:#10bfe8;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(40px,5vw,72px);line-height:1.35;margin:12px 0 20px;font-weight:900}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{color:#b4cad9;line-height:2;max-width:530px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin:30px 0}.btn{display:inline-block;background:var(--blue);color:#062033;border:0;border-radius:13px;padding:14px 25px;font:800 15px Cairo;cursor:pointer}.btn:hover,.smallbtn:hover{background:#58dcfa}.ghost{background:transparent;border:1px solid #648296;color:white}.stats{display:flex;gap:30px;margin-top:48px}.stats div{display:grid}.stats b{font-size:23px;color:white}.stats span{font-size:12px;color:#a4bed0}.hero-art{height:380px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#0a90b755,transparent 65%);border:1px solid #2e638066;border-radius:42px;transform:rotate(-3deg)}.car{font-size:185px;filter:drop-shadow(0 20px 35px #0009);z-index:2}.shine{position:absolute;right:13%;top:10%;font-size:80px;color:var(--blue)}.bubble{position:absolute;background:#13c8f233;border:1px solid #12c8f288;border-radius:50%}.one{width:140px;height:140px;left:8%;top:8%}.two{width:80px;height:80px;right:12%;bottom:8%}.floating{position:absolute;bottom:20px;right:20px;background:#ffffffec;color:#0b2a41;padding:10px 17px;border-radius:12px;font-weight:800}.section{padding-top:85px;padding-bottom:90px}.section-head h2,.page-title h1{font-size:38px;margin:8px 0}.section-head p,.page-title p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px}.service{background:white;border:1px solid #e1edf5;border-radius:22px;padding:26px;box-shadow:0 12px 30px #092a4a0a}.service-icon{font-size:42px;background:#e9faff;width:80px;height:80px;border-radius:20px;display:grid;place-items:center}.service h3{font-size:20px}.service p{color:var(--muted);min-height:55px;font-size:14px}.service-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.service-bottom strong{font-size:21px;display:block}.service-bottom small{font-size:11px;color:var(--muted)}.smallbtn{font:800 12px Cairo;display:inline-block}.duration{margin-top:24px;border-top:1px solid #edf2f5;padding-top:13px;color:#718696;font-size:12px}.banner{background:#0c2b45;color:white;border-radius:28px;padding:35px 45px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:80px}.banner p{color:#bed2df}.page{padding-top:60px;padding-bottom:100px;min-height:65vh}.narrow{max-width:720px}.page-title{text-align:center;margin-bottom:30px}.form-card{background:white;border:1px solid #e0ebf2;border-radius:25px;padding:35px;box-shadow:0 18px 60px #12324b12;display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .wide{grid-column:1/-1}label{display:grid;gap:8px;font-size:14px;font-weight:800}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #cddce7;border-radius:11px;background:#fbfdff;font:inherit;color:#183148}input:focus,select:focus,textarea:focus{outline:2px solid #12c8f255;border-color:#12c8f2}.hint{color:#657d90;font-size:13px}.error{color:#b0203b}.center{text-align:center;justify-items:center}.big-icon{font-size:70px}.code{font:900 30px monospace;background:#e8f9ff;border:2px dashed #00b8e8;padding:16px 25px;border-radius:12px;direction:ltr}.result{background:#eafaff;border-radius:16px;padding:18px}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0}.dashboard-stats div{background:#fff;border-radius:18px;padding:24px;display:grid}.dashboard-stats b{font-size:30px;color:#069cbd}.dashboard-stats span{font-size:13px;color:#718696}.table-wrap{overflow-x:auto;background:white;border-radius:20px;padding:15px}table{width:100%;border-collapse:collapse;min-width:950px}th,td{text-align:right;border-bottom:1px solid #e8eff4;padding:14px;font-size:13px}th{background:#edf9fd}.tag{background:#dff8ff;padding:5px 10px;border-radius:8px}.status-form{display:flex;gap:6px}.status-form select{width:125px}.empty{text-align:center;padding:25px}.check{display:flex;align-items:center}.check input{width:auto}footer{background:#061626;color:#c5d6e2;padding:45px 0}.foot{display:flex;justify-content:space-between;gap:30px}.foot h2{color:#12c8f2}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;padding-top:55px;padding-bottom:50px}.hero-art{height:280px}.car{font-size:130px}.cards{grid-template-columns:repeat(2,1fr)}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.nav-inner,.foot,.banner{flex-direction:column;align-items:flex-start;padding-top:16px;padding-bottom:16px}nav{gap:12px}.hero h1{font-size:38px}.hero-art{height:220px}.cards,.form-grid,.dashboard-stats{grid-template-columns:1fr}.form-card{padding:20px}.stats{gap:15px}.section-head h2{font-size:30px}.banner{margin-left:15px;margin-right:15px}.car{font-size:100px}}
