:root{--navy:#041633;--deep:#020d21;--cyan:#10c8ef;--blue:#1478ef;--orange:#ff8a12;--green:#168d53;--text:#09213f;--muted:#60758a;--light:#f2f7fb;--line:#dfe7ef}*{box-sizing:border-box}body{margin:0;background:var(--light);color:var(--text);font:15px Arial,sans-serif;line-height:1.5}a{text-decoration:none;color:inherit}.top{padding:8px 6vw;background:var(--deep);color:#b8c8da;display:flex;justify-content:space-between;font-size:12px}.header{min-height:76px;padding:12px 6vw;background:#fff;display:flex;align-items:center;gap:24px;box-shadow:0 5px 22px #00152b16}.brand{margin-right:auto}.brand img{display:block;width:145px;height:48px;object-fit:contain}.nav{display:flex;align-items:center;gap:20px;font-weight:800}.nav a:hover{color:var(--blue)}.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:12px 17px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.button.secondary{background:#fff;color:var(--text);border:1px solid var(--line)}.button.green{background:var(--green)}.track-hero{min-height:calc(100vh - 119px);padding:55px 20px;display:grid;place-items:center;background:radial-gradient(circle at 75% 25%,#0b4d86,#06182f 48%,#020d21);position:relative;overflow:hidden}.track-hero:before{content:"";position:absolute;width:450px;height:450px;border:1px solid #10c8ef22;border-radius:50%;right:-170px;top:-180px;box-shadow:0 0 0 70px #10c8ef0a,0 0 0 140px #10c8ef08}.track-card{position:relative;width:min(570px,100%);padding:34px;background:#fff;border-radius:18px;box-shadow:0 25px 75px #0007}.track-card h1{font-size:clamp(30px,5vw,43px);line-height:1.1;margin:0 0 10px}.track-card>p{color:var(--muted)}.eyebrow{color:#0789ad;font-size:12px;letter-spacing:.13em;font-weight:900}.field{display:flex;flex-direction:column;gap:7px;margin:16px 0;font-weight:800}.field input{width:100%;padding:13px;border:1px solid #bdcad8;border-radius:8px;font:inherit;text-transform:none}.field input:focus{outline:3px solid #10c8ef38;border-color:var(--cyan)}.error{padding:13px 16px;border-radius:9px;background:#fff0f0;color:#9d2929;border:1px solid #efcccc}.security{display:flex;gap:10px;padding:13px;margin:18px 0;border-radius:9px;background:#eef8ff;color:#17476e}.links{display:flex;justify-content:space-between;gap:15px;margin-top:20px;color:var(--blue);font-weight:800}.result-wrap{max-width:1050px;margin:40px auto;padding:0 22px}.result-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.result-heading h1{font-size:clamp(31px,5vw,47px);margin:3px 0}.result-heading p{color:var(--muted);margin:0}.status{display:inline-flex;padding:10px 15px;border-radius:99px;background:#e8f4ff;color:#17639c;font-weight:900}.status.diagnosis{background:#fff4d9;color:#8b6111}.status.awaiting_approval{background:#fff0da;color:#9b5613}.status.in_progress{background:#e9e6ff;color:#5142a5}.status.ready,.status.delivered{background:#e5f8ed;color:#147044}.status.cancelled{background:#ffe8e8;color:#9a3030}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;padding:23px;border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 27px #09213f0c;margin-bottom:20px}.card h2{margin-top:0}.data-label{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.data-value{display:block;margin:4px 0 16px;font-weight:800}.timeline{position:relative;margin-left:8px}.event{position:relative;border-left:3px solid #dbe6ef;padding:0 0 26px 24px}.event:before{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:var(--cyan);border:3px solid #fff;box-shadow:0 0 0 2px var(--cyan);left:-8px;top:2px}.event:last-child{padding-bottom:5px}.event b{font-size:16px}.event time{display:block;color:var(--muted);font-size:13px;margin-top:4px}.payment{padding:15px;border-radius:10px;background:#f2f7fb}.warranty{padding:15px;border-radius:10px;background:#eaf8ef;color:#17643d}.footer{padding:35px 6vw;background:var(--deep);color:#aebfd2;text-align:center}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media(max-width:760px){.grid{grid-template-columns:1fr}.result-heading{flex-direction:column}.top span:first-child{display:none}.header{padding:10px 20px;gap:14px}.brand img{width:120px;height:42px}.nav a:first-child{display:none}.track-card{padding:25px}.result-wrap{margin:28px auto;padding:0 17px}.links{flex-direction:column}}
