:root{--ink:#0f172a;--muted:#6b7280;--line:#e5e7eb;--gold:#d6a11d;--olive:#19a974;--cream:#f7f8f7;--blue:#1769ff;--cyan:#16c7d4;--green:#19a974;--red:#e5484d;--panel:#ffffff;--shadow:0 24px 70px rgba(15,23,42,.14)}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f4f6f5;font-family:Cairo,system-ui,sans-serif;color:var(--ink)}button,input{font:inherit}button{border:0;cursor:pointer}input{border:0;outline:0;background:transparent}.phone{width:min(400px,100vw);height:min(840px,100vh);position:relative;overflow:hidden;background:#fff;border-radius:34px;box-shadow:0 24px 70px rgba(15,23,42,.12)}.screen{position:absolute;inset:0;display:none}.screen.on{display:block;animation:in .24s ease both}@keyframes in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.primary{width:100%;height:56px;border-radius:16px;background:#19a974;color:#fff;font-weight:900;box-shadow:0 12px 24px rgba(25,169,116,.18)}.primary:disabled{opacity:.45}.login{padding:42px 24px 24px}.brand{height:244px;display:grid;place-items:center;position:relative;isolation:isolate}.brand:before,.brand:after{content:"";position:absolute;border-radius:999px;border:1px solid rgba(25,169,116,.12)}.brand:before{width:196px;height:94px;animation:ringOne 4.2s ease-in-out infinite}.brand:after{width:124px;height:60px;border-color:rgba(214,161,29,.18);animation:ringTwo 3.8s ease-in-out infinite}.brand b{position:relative;z-index:1;font-size:90px;letter-spacing:-6px;font-weight:900;color:transparent;background:linear-gradient(118deg,#111827 0%,#4b5563 28%,#d6a11d 54%,#19a974 78%,#111827 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 12px 18px rgba(15,23,42,.10));animation:logoLive 3.4s ease-in-out infinite}.brand b:after{content:"";position:absolute;inset:16px -14px 8px;border-radius:999px;background:radial-gradient(circle,rgba(25,169,116,.12),transparent 64%);z-index:-1;animation:glow 3s ease-in-out infinite}@keyframes logoLive{0%,100%{transform:translateY(0) scale(1);background-position:0% 50%}45%{transform:translateY(-5px) scale(1.015);background-position:100% 50%}70%{transform:translateY(1px) scale(.998)}}@keyframes ringOne{0%,100%{transform:rotate(-12deg) scale(1);opacity:.34}50%{transform:rotate(-8deg) scale(1.03);opacity:.18}}@keyframes ringTwo{0%,100%{transform:rotate(16deg) scale(1);opacity:.28}50%{transform:rotate(22deg) scale(.96);opacity:.14}}@keyframes glow{0%,100%{opacity:.18;transform:scale(.96)}50%{opacity:.5;transform:scale(1.04)}}.copy{text-align:center}.copy strong{font-size:24px;font-weight:900;letter-spacing:-.02em}.copy p{max-width:286px;margin:8px auto 20px;color:var(--muted);font-size:13px;line-height:1.7;font-weight:700}.field{height:54px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.04)}.field span{font-size:12px;color:var(--muted);font-weight:900}.field input{flex:1;font-weight:900;direction:ltr;text-align:right}.note{display:block;text-align:center;margin-top:14px;color:#9aa1a9;font-size:12px;font-weight:700}.choose{padding:22px 18px 16px;background:#fff}.top{display:flex;align-items:center;justify-content:space-between}.top b{font-size:22px}.top span{display:block;color:var(--muted);font-size:12px;font-weight:900}.avatar{width:42px;height:42px;border-radius:999px;background:#f6f7f8;display:grid;place-items:center;color:#0f7a53;font-weight:900;box-shadow:0 6px 14px rgba(15,23,42,.06)}.title{margin:34px 0 16px}.title strong{font-size:30px;font-weight:900;line-height:1.12}.title p{margin:8px 0 0;color:var(--muted);font-size:13px;font-weight:700;max-width:30ch}.vehicles{display:grid;gap:12px}.vehicle{height:150px;border-radius:24px;background:#fff;border:1px solid #e7eaee;box-shadow:0 10px 24px rgba(15,23,42,.06);display:grid;grid-template-columns:132px 1fr;align-items:center;text-align:right;padding:14px;overflow:hidden}.vehicle img{width:132px;height:94px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(15,23,42,.12))}.vehicle b{display:block;font-size:21px}.vehicle small{color:var(--muted);font-size:12px;font-weight:800;line-height:1.5}
@media(max-width:460px){.phone{width:100vw;height:100vh;border-radius:0}.vehicle{grid-template-columns:132px 1fr}.vehicle img{width:132px}}.screen.splash{background:#fff;display:none}.screen.splash.on{display:grid;place-items:center;animation:splashIn .45s ease both}@keyframes splashIn{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.splash-core{text-align:center;padding:24px}.splash-brand{position:relative;display:grid;place-items:center;width:min(280px,72vw);height:min(160px,34vw);margin:0 auto 10px;isolation:isolate}.splash-brand:before,.splash-brand:after{content:"";position:absolute;border-radius:999px;border:1px solid #66745b38}.splash-brand:before{width:210px;height:100px;animation:ringOne 3.6s ease-in-out infinite}.splash-brand:after{width:130px;height:62px;border-color:#d6a11d52;animation:ringTwo 3.1s ease-in-out infinite}.splash-brand b{position:relative;z-index:1;font-size:clamp(72px,22vw,96px);letter-spacing:-6px;font-weight:900;color:transparent;background:linear-gradient(110deg,#111 0%,#3f4939 35%,#d6a11d 52%,#3f4939 68%,#111 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 16px 24px #12141717);animation:logoLive 2.8s ease-in-out infinite}.splash-tag{margin:0;color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.02em}