:root{
      --bg:#07131d;
      --text:#f8fbff;
      --muted:rgba(248,251,255,.72);
      --soft:rgba(255,255,255,.12);
      --glass:rgba(255,255,255,.13);
      --glass2:rgba(255,255,255,.2);
      --line:rgba(255,255,255,.18);
      --accent:#7ce8d4;
      --accent2:#9ec8ff;
      --gold:#d9c18b;
      --danger:#ff837f;
      --ok:#4fe59b;
      --shadow:0 24px 80px rgba(0,0,0,.36);
      --radius:28px;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    }
    *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
    html,body{height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);touch-action:manipulation}
    button,input,textarea{font:inherit}
    button{border:0;cursor:pointer;color:inherit}
    .app{height:100%;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 0%,rgba(124,232,212,.28),transparent 33%),radial-gradient(circle at 85% 15%,rgba(158,200,255,.22),transparent 30%),#07131d}
    .video-bg{position:absolute;inset:0;background:url('background.jpg') center center/cover no-repeat;animation:none;filter:none}
    .video-bg:after{display:none}
    @keyframes cinema{0%{transform:none}100%{transform:none}}
    .home{height:100%;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:180px 26px 26px;text-align:center}
    .home-inner{width:min(100%,430px);animation:floatIn .8s ease both}
    @keyframes floatIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
    .brand-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.09);backdrop-filter:blur(18px);color:rgba(255,255,255,.82);font-size:13px;margin-bottom:18px}
    .brand-dot{width:8px;height:8px;border-radius:99px;background:var(--accent);box-shadow:0 0 18px var(--accent)}
    h1{font-size:clamp(35px,9vw,48px);line-height:1.05;margin:0 0 10px;font-weight:850;letter-spacing:-.04em;text-shadow:0 8px 34px rgba(0,0,0,.45)}
    .subtitle{margin:0 auto 30px;color:var(--muted);font-size:17px;line-height:1.5;max-width:330px}
    .plate-wrap{background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.08));border:1px solid var(--line);border-radius:26px;padding:14px;box-shadow:var(--shadow);backdrop-filter:blur(22px)}
    .plate-label{font-size:13px;color:rgba(255,255,255,.72);margin-bottom:10px;text-align:right;padding-inline:6px}
    .plate{display:flex;align-items:center;direction:ltr;height:66px;border-radius:18px;background:linear-gradient(#fff8d8,#f4eaa9);box-shadow:inset 0 0 0 3px rgba(13,35,55,.86),0 18px 42px rgba(0,0,0,.22);overflow:hidden}
    .il{height:100%;width:44px;background:#1456ad;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:800;line-height:1;font-size:13px;letter-spacing:.02em;flex:0 0 44px}
    .il small{font-size:8px;margin-top:3px;opacity:.9}
    #plateInput{min-width:0;width:100%;height:100%;border:0;background:transparent;text-align:center;font-size:clamp(30px,8vw,40px);font-weight:900;letter-spacing:.04em;color:#111;outline:0;padding:0 10px;text-transform:uppercase;direction:ltr}
    .cta{
      width:50%;
      max-width:82%;
      height:64px;
      margin:18px auto 0;
      display:block;
      border-radius:999px;
      background:linear-gradient(135deg,#22c7b6 0%,#35c0c1 48%,#64aef5 100%);
      color:#ffffff;
      font-weight:900;
      font-size:19px;
      letter-spacing:-.01em;
      box-shadow:
        0 22px 42px rgba(33,199,177,.24),
        0 12px 30px rgba(105,174,247,.18),
        inset 0 1px 0 rgba(255,255,255,.28);
      transform:translateY(10px);
      opacity:0;
      pointer-events:none;
      transition:.35s ease;
    }
    .cta.show{transform:translateY(0);opacity:1;pointer-events:auto}

    .cta:disabled,.btn:disabled{opacity:.72;cursor:wait;filter:saturate(.85);}
    .modal-shell{position:absolute;inset:0;z-index:10;display:none;align-items:flex-end;justify-content:center;background:rgba(2,7,13,.42);backdrop-filter:blur(14px);padding:14px}
    .modal-shell.active{display:flex;animation:fade .25s ease both}
    @keyframes fade{from{opacity:0}to{opacity:1}}
    .modal{width:min(100%,460px);max-height:88vh;overflow:auto;border-radius:32px;background:linear-gradient(150deg,rgba(255,255,255,.18),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.22);box-shadow:var(--shadow);backdrop-filter:blur(26px);padding:20px;animation:sheet .38s cubic-bezier(.2,.9,.2,1) both;color:#fff}
    @keyframes sheet{from{opacity:0;transform:translateY(34px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
    .progress{height:5px;background:rgba(255,255,255,.13);border-radius:99px;overflow:hidden;margin-bottom:18px}.bar{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px;transition:.4s ease}
    .modal h2{font-size:25px;margin:0 0 16px;letter-spacing:-.03em;text-align:center}.hint{margin:-5px 0 17px;color:rgba(255,255,255,.68);font-size:14px;line-height:1.45;text-align:center}
    .vehicle-card,.summary-card{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);border-radius:24px;padding:16px;margin-bottom:16px}.car-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,232,212,.24),rgba(158,200,255,.18));font-size:30px;margin-bottom:12px}
    .grid{display:grid;gap:10px}.info-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09)}.info-row:last-child{border-bottom:0}.info-row span{color:rgba(255,255,255,.64);font-size:14px}.info-row b{font-size:15px;text-align:left;direction:rtl}
    .actions{display:grid;gap:10px}.btn{height:56px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-weight:800;font-size:15px;transition:.2s ease}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#04141d}.btn.danger{background:rgba(255,131,127,.14);border-color:rgba(255,131,127,.32);color:#ffd5d3}.btn.active{outline:2px solid rgba(124,232,212,.75);background:rgba(124,232,212,.18)}
    .option{display:flex;align-items:center;gap:13px;min-height:72px;padding:14px;border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);text-align:right}.option i{width:36px;height:36px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-style:normal;font-size:21px}.option strong{display:block;font-size:16px}.option small{display:block;color:rgba(255,255,255,.62);margin-top:4px}
    .fields{display:grid;gap:10px;margin:12px 0}.field{height:54px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);border-radius:17px;color:#fff;outline:0;padding:0 15px;text-align:right}.field::placeholder,textarea::placeholder{color:rgba(255,255,255,.48)}textarea.field{height:84px;padding-top:14px;resize:none}
    .calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;direction:ltr}.calendar-head .month-title{direction:rtl}.month-title{font-weight:850}.navbtn{width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.12)}.week,.days{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;text-align:center}.week{color:rgba(255,255,255,.55);font-size:12px;margin-bottom:8px}.day{
      width:44px;
      height:44px;
      margin:auto;
      border-radius:999px;
      background:transparent;
      display:grid;
      place-items:center;
      font-weight:850;
      border:0;
      box-shadow:none;
    }
    .day.disabled{opacity:.25}
    .day.selected{
      background:#102033;
      color:#fff;
    }
    .slots,.payments{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.slot,.pay{height:58px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-weight:850}.slot.active,.pay.active{background:linear-gradient(135deg,rgba(124,232,212,.3),rgba(158,200,255,.22));border-color:rgba(124,232,212,.7)}
    .upload{position:relative;display:flex;align-items:center;gap:13px;min-height:74px;padding:14px;border-radius:21px;background:rgba(255,255,255,.1);border:1px dashed rgba(255,255,255,.28);overflow:hidden}.upload input{position:absolute;inset:0;opacity:0}.upload .uicon{width:44px;height:44px;border-radius:16px;background:rgba(255,255,255,.12);display:grid;place-items:center}.upload.done{border-style:solid;border-color:rgba(79,229,155,.65);background:rgba(79,229,155,.13)}.upload.done .uicon{background:rgba(79,229,155,.22)}.upload small{color:rgba(255,255,255,.58)}
    .success-screen{position:absolute;inset:0;z-index:20;display:none;align-items:center;justify-content:center;padding:24px;text-align:center;background:radial-gradient(circle at 50% 18%,rgba(79,229,155,.24),transparent 35%),linear-gradient(180deg,#07131d,#091927)}.success-screen.active{display:flex}.check{width:94px;height:94px;border-radius:50%;margin:0 auto 24px;display:grid;place-items:center;background:rgba(79,229,155,.16);border:1px solid rgba(79,229,155,.45);font-size:46px;color:var(--ok);box-shadow:0 0 48px rgba(79,229,155,.2);animation:pulse 2s ease infinite}@keyframes pulse{50%{transform:scale(1.05);box-shadow:0 0 70px rgba(79,229,155,.32)}}
    .success-screen h2{font-size:31px;margin:0 0 10px}.success-screen p{color:rgba(255,255,255,.7);margin:0 0 22px}.success-card{width:min(100%,420px);margin:auto}.hidden{display:none!important}


    /* License plate imported from clean plate file */
    .home-inner{
      width:min(92vw,560px) !important;
      margin-top:0 !important;
    }
    .plate-wrap{
      width:min(92vw,560px) !important;
      background:transparent !important;
      border:none !important;
      box-shadow:none !important;
      padding:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:12px !important;
      position:relative !important;
    }
    .plate-wrap:before{display:none !important;
      content:"" !important;
      position:absolute !important;
      inset:-10px !important;
      padding:0 !important;
      border-radius:24px !important;
      border:3px solid #2c3036 !important;
      background:transparent !important;
      opacity:1 !important;
      pointer-events:none !important;
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.18),
        0 6px 12px rgba(0,0,0,.28) !important;
    }
    .plate-wrap:after{
      content:"IL";
      position:relative;
      width:58px;
      height:58px;
      border-radius:18px;
      background:linear-gradient(180deg,#1b78df 0%,#0956bd 100%);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      font-weight:900;
      font-size:20px;
      line-height:1;
      letter-spacing:.2px;
      box-shadow:inset -2px 0 0 rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.14);
      z-index:2;
    }
    .plate-label{display:none !important;}
    .plate-input,
    #plateInput.plate-input{
      position:relative !important;
      width:300px !important;
      height:74px !important;
      left:auto !important;
      right:auto !important;
      background:linear-gradient(180deg,#f8e6b0 0%,#efcf78 100%) !important;
      border-radius:24px !important;
      box-shadow:0 22px 40px rgba(0,0,0,.16),0 6px 0 rgba(215,185,96,.85),inset 0 1px 0 rgba(255,255,255,.55) !important;
      color:#111 !important;
      font-size:42px !important;
      font-weight:900 !important;
      line-height:74px !important;
      text-align:center !important;
      border:0 !important;
      outline:0 !important;
    }
    .plate-input::placeholder,
    #plateInput.plate-input::placeholder{
      color:rgba(0,0,0,.88) !important;
      opacity:1 !important;
      font-size:0.65em !important;
      font-weight:700 !important;
      letter-spacing:0 !important;
      transform:translateY(-4px) !important;
    }
    .plate-input:focus,
    #plateInput.plate-input:focus{
      outline:none !important;
      filter:drop-shadow(0 0 10px rgba(255,216,74,.35));
    }
    @media (max-width:390px){
      .plate-wrap{width:96vw !important;height:104px !important;border-width:4px !important;}
      .plate-wrap:after{width:58px;font-size:10.5px;}
      .plate-input,#plateInput.plate-input{left:66px !important;right:8px !important;top:5px !important;bottom:5px !important;font-size:clamp(39px,11.2vw,46px) !important;letter-spacing:-.8px !important;line-height:94px !important;}
    }


    /* Vehicle confirmation popup - simple clean details */
    .modal-shell{align-items:center !important;}
    .modal{max-height:92vh;}
    .vehicle-card.premium-vehicle{
      position:relative;
      overflow:hidden;
      padding:18px !important;
      border-radius:28px !important;
      background:
        radial-gradient(circle at 88% 12%, rgba(124,232,212,.12), transparent 34%),
        linear-gradient(150deg, rgba(255,255,255,.13), rgba(255,255,255,.065)) !important;
      border:1px solid rgba(255,255,255,.18) !important;
      box-shadow:0 20px 58px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12) !important;
    }
    .mini-plate{
      position:relative;
      direction:ltr;
      height:48px;
      border-radius:12px;
      border:3px solid #11151a;
      background:linear-gradient(180deg,#ffd84a 0%,#f5bd22 55%,#dfa011 100%);
      color:#08090b;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:0 12px 0 46px;
      margin:0 0 14px;
      font-family:Arial Black, Impact, system-ui, sans-serif;
      font-size:23px;
      font-weight:950;
      letter-spacing:.02em;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.28), 0 12px 24px rgba(0,0,0,.17);
    }
    .mini-plate:before{
      content:"🇮🇱";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:36px;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      background:linear-gradient(180deg,#1b78df 0%,#0956bd 100%);
      color:#fff;
      font-size:18px;
      line-height:1;
      border-radius:8px 0 0 8px;
      font-family:system-ui, sans-serif;
      letter-spacing:0;
    }
    .vehicle-minimal-details{
      margin:12px 0 0;
      text-align:center;
    }
    .vehicle-main-line{
      font-size:23px;
      line-height:1.18;
      font-weight:900;
      letter-spacing:-.035em;
      color:#fff;
    }
    .vehicle-model-line{
      font-size:28px;
      line-height:1.14;
      font-weight:950;
      letter-spacing:.01em;
      color:#102033;
      direction:ltr;
      font-family:Arial Black, Impact, system-ui, sans-serif;
    }
    .vehicle-make-year-line{
      margin-top:8px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      color:rgba(16,32,51,.72);
      font-size:16px;
      font-weight:800;
      line-height:1.25;
      flex-wrap:wrap;
    }
    .vehicle-make-year-line .dot{
      color:rgba(16,32,51,.5);
      font-weight:900;
    }

    .vehicle-license-line{
      margin:8px auto 0;
      color:rgba(255,255,255,.66);
      font-size:13px;
      font-weight:700;
      text-align:center;
      line-height:1.35;
      display:flex;
      justify-content:center;
      align-items:center;
      gap:6px;
      flex-wrap:wrap;
    }
    .vehicle-license-date{
      direction:ltr;
      font-weight:900;
      letter-spacing:.01em;
    }
    .vehicle-license-date.valid{color:#68f0b5;}
    .vehicle-license-date.invalid{color:#ff8a91;}

    .vehicle-booking-info{
      margin:14px auto 0;
      padding:12px 13px;
      border-radius:16px;
      background:rgba(75,163,255,.09);
      border:1px solid rgba(75,163,255,.16);
      color:rgba(16,32,51,.66);
      font-size:14px;
      font-weight:750;
      line-height:1.55;
      text-align:center;
    }
    .calendar-limit-note{
      margin:-4px 0 16px;
      padding:10px 12px;
      border-radius:16px;
      background:#f1f8ff;
      border:1px solid #dcebfa;
      color:#287bd8;
      font-size:14px;
      font-weight:850;
      line-height:1.45;
      text-align:center;
    }
    .day.disabled{
      cursor:not-allowed!important;
      color:rgba(16,32,51,.28)!important;
      background:#f6f8f9!important;
    }
    @media (max-width:390px){
      .mini-plate{font-size:21px;height:46px;}
      .vehicle-main-line{font-size:21px;}
      .vehicle-note{font-size:11.5px;}
    }