/* Клиентская панель — отдельный экран по макету, без стилей геро-блока главной страницы. */
.tracking-page{background:#0b0b0d;min-height:100vh;color:#f8f8fa;padding-bottom:0}
.tracking-page *{box-sizing:border-box}
.track-container{width:min(100% - 48px,1124px);margin:0 auto}
.track-topbar{height:76px;background:#141416;border-bottom:1px solid #303035}
.track-topbar .track-container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.track-logo{display:inline-flex;align-items:center;gap:16px;flex-shrink:0;text-decoration:none}
.track-logo-mark{height:48px;width:60px;display:flex;align-items:center;justify-content:center;background:#ffd400;color:#0b0b0d;font-family:'Oswald',Impact,sans-serif;font-size:29px;font-weight:700;line-height:1;box-shadow:4px 4px 0 rgba(0,0,0,.35)}
.track-logo-name{font-family:'Oswald',Impact,sans-serif;font-size:24px;line-height:1;font-weight:700;letter-spacing:.045em;color:#fff;white-space:nowrap;text-transform:uppercase}
.track-back{font-size:17px;color:#f4f4f6;white-space:nowrap;transition:color .2s}
.track-back:hover{color:#ffd400}
.track-main{padding-top:60px}
.track-eyebrow{display:flex;align-items:center;gap:17px;color:#ffd400;font-family:'Oswald',Impact,sans-serif;font-weight:500;font-size:20px;letter-spacing:.22em;text-transform:uppercase;line-height:1.3}
.track-eyebrow:before{content:"";width:51px;height:3px;flex:0 0 51px;background:#ffd400}
.tracking-page .track-title{font-family:'Oswald',Impact,sans-serif;font-weight:700;font-size:clamp(38px,4.8vw,56px);text-transform:uppercase;line-height:1.04;letter-spacing:.005em;color:#f8f8fa;margin:28px 0 0}
.track-intro{color:#9b9cac;font-size:clamp(17px,2vw,23px);line-height:1.58;margin:0;max-width:1120px}
.track-form{margin:47px 0 0;background:#141416;border:1px solid #303035;border-radius:10px;padding:36px;display:flex;flex-direction:column;gap:22px}
.track-field{display:flex;flex-direction:column;gap:8px}
.track-label{font-family:'Oswald',Impact,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:18px;font-weight:400;color:#a8aabe;line-height:1.35}
.track-input{height:79px;width:100%;border:1px solid #36363e;border-radius:6px;background:#1c1c21;color:#fff;font-family:'Inter',system-ui,sans-serif;font-size:22px;line-height:1.2;padding:0 23px;outline:none;transition:border .2s,box-shadow .2s}
.track-input::placeholder{color:#777783;opacity:1}
.track-input:focus{border-color:#ffd400;box-shadow:0 0 0 3px rgba(255,212,0,.1)}
.track-field-help{margin:-7px 0 0;color:#858698;font-size:17px;line-height:1.55}
.track-submit{min-height:78px;background:#ffd400;border:0;border-radius:6px;color:#0b0b0d;display:flex;align-items:center;justify-content:center;gap:13px;font-family:'Oswald',Impact,sans-serif;font-size:23px;letter-spacing:.02em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}
.track-submit:not(:disabled):hover{background:#ffe052;transform:translateY(-2px)}
.track-submit:disabled{background:#3c3c44;color:#82828f;cursor:not-allowed;transform:none}
.track-privacy{margin:-7px 0 0;color:#82828f;font-size:14px;line-height:1.5}
.track-error{margin-top:20px;padding:18px 20px;background:#2a151a;border-left:3px solid #f97373;border-radius:2px;color:#ffcaca;font-size:16px}
.track-error a{color:#ffd400;text-decoration:underline}
.track-content{padding:44px 0 90px}
.track-panel{background:#141416;border:1px solid #34343a;border-radius:8px;padding:32px;box-shadow:8px 8px 0 rgba(0,0,0,.3)}
.track-panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.track-number{color:#ffd400;font-family:'Oswald',Impact,sans-serif;font-size:16px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.tracking-page .track-status{font-family:'Oswald',Impact,sans-serif;text-transform:uppercase;font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.07;letter-spacing:.01em;margin:0}
.track-tone-wait .track-status{color:#ffd400}.track-tone-active .track-status{color:#8daaff}.track-tone-done .track-status{color:#51d5a8}.track-tone-warn .track-status{color:#ff9c9c}
.track-badge{font-family:'Oswald',Impact,sans-serif;text-transform:uppercase;font-size:14px;letter-spacing:.08em;font-weight:600;padding:9px 14px;background:#ffd400;color:#0b0b0d}
.track-tone-active .track-badge{background:#416cff;color:white}.track-tone-done .track-badge{background:#51d5a8}.track-tone-warn .track-badge{background:#ff8888}
.track-status-hint{margin:12px 0 0;color:#b6b6be;font-size:16px;max-width:66ch}
.track-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#323239;border:1px solid #323239;margin-top:28px}
.track-detail{padding:18px 20px;background:#101013;min-width:0}
.track-detail-key{font-family:'Oswald',Impact,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.11em;color:#92929b;margin-bottom:6px}
.track-detail-value{font-size:15px;color:#fafafa;font-weight:600;overflow-wrap:anywhere}
.track-problem{margin-top:22px;border:1px solid #323239;background:#101013;padding:18px 20px;color:#d9d9df;font-size:15px}
.track-section-title{font-family:'Oswald',Impact,sans-serif;font-size:clamp(29px,4vw,42px);line-height:1.1;text-transform:uppercase;margin:10px 0 0;color:#fff}
.track-timeline{margin-top:48px}
.track-history{list-style:none;padding:0;margin:27px 0 0;position:relative}
.track-history:before{content:"";position:absolute;top:12px;bottom:18px;left:10px;width:2px;background:#35353d}
.track-history li{position:relative;padding:0 0 28px 40px}
.track-history li:last-child{padding-bottom:0}
.track-history-dot{position:absolute;left:0;top:3px;height:22px;width:22px;background:#52525c;border:3px solid #0b0b0d;border-radius:50%}
.track-history li:last-child .track-history-dot{background:#ffd400}
.track-history-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 15px}
.track-history-label{font-family:'Oswald',Impact,sans-serif;font-size:18px;text-transform:uppercase;font-weight:600}
.track-history li:last-child .track-history-label{color:#ffd400}
.track-history-time,.track-history-phase{color:#92929b;font-size:13px}
.track-history p{font-size:15px;color:#abaabb;margin:6px 0 0}
.track-help-box{margin:46px 0 0;padding:24px 28px;background:#141416;border:1px solid #303035;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.track-help-box h3{font-size:23px;margin:0 0 7px}.track-help-box p{font-size:15px;color:#a4a4b0;margin:0;max-width:65ch}.track-help-box a{color:#0b0b0d;background:#ffd400;padding:13px 20px;font-family:'Oswald',Impact,sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;white-space:nowrap}
.track-faq{padding:38px 0 80px;color:#9e9eaa;font-size:14px}.track-faq strong{color:#e2e2e8}
.track-footer{background:#08080a;border-top:1px solid #242429;padding:26px 0;color:#73737d;font-size:13px}
.track-footer .track-container{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.track-footer a:hover{color:#ffd400}
@media(max-width:768px){.track-container{width:min(100% - 36px,1124px)}.track-topbar{height:68px}.track-logo-mark{width:46px;height:42px;font-size:24px}.track-logo-name{font-size:16px}.track-back{font-size:13px}.track-main{padding-top:50px}.track-eyebrow{font-size:14px;letter-spacing:.17em}.track-eyebrow:before{width:30px;flex-basis:30px}.tracking-page .track-title{font-size:clamp(33px,8vw,48px);margin-top:25px}.track-intro{font-size:17px;margin-top:9px}.track-form{padding:22px;margin-top:29px;gap:17px}.track-label{font-size:15px}.track-input{height:62px;font-size:16px;padding:0 14px}.track-field-help{font-size:13px;margin-top:-6px}.track-submit{min-height:58px;font-size:18px}.track-details{grid-template-columns:repeat(2,minmax(0,1fr))}.track-panel{padding:20px}.track-content{padding-top:30px}.track-help-box{margin-top:30px}.track-faq{padding:24px 0 52px}.track-privacy{font-size:12px}}
@media(max-width:400px){.track-logo-name{font-size:14px}.track-logo{gap:10px}.track-back{font-size:12px}.track-details{grid-template-columns:1fr}}
