:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10213c;background:#f3f7fb;font-synthesis:none;--blue:#087ebd;--muted:#62718a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 25%,#eaf5fc88,transparent 65%);min-height:100vh}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}header{height:105px;background:#ffffffd9;border-bottom:1px solid #e4eaf0;display:flex;align-items:center;justify-content:space-between;padding:12px max(24px,calc((100vw - 1120px)/2));gap:24px}header img{width:205px;height:74px;object-fit:contain}header span{font-size:17px;font-weight:600}main{max-width:820px;margin:34px auto 0;padding:0 24px}.card{background:#fff;border:1px solid #e5ecf3;border-radius:30px;padding:34px 38px;box-shadow:0 16px 55px -22px #315d873b;animation:arrive .55s ease-out}h1{font-size:36px;letter-spacing:-1.2px;line-height:1.15;margin:0 0 10px;font-weight:750}.intro{color:var(--muted);font-size:17px;line-height:1.5;margin:0 0 22px}.device{display:flex;gap:15px;align-items:center;padding:17px 20px;background:#ecf7fd;border-radius:19px;margin-bottom:25px}.device>svg{width:30px;height:30px;color:var(--blue)}.device strong{display:block;font-size:16px;margin-bottom:4px}.device small{color:#5e7389;font-size:14px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:21px}label,.legend{display:block;font-size:15px;font-weight:650;margin-bottom:9px}label span{font-weight:400;color:var(--muted);font-size:14px}input,textarea{width:100%;border:1px solid #cad6e3;border-radius:13px;padding:13px 15px;color:#10213c;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;min-height:48px;font-size:16px}input::placeholder,textarea::placeholder{color:#8290a4}input:hover,textarea:hover{border-color:#93a9be}input:focus,textarea:focus{border-color:#168dcb;box-shadow:0 0 0 4px #159bdb17}textarea{resize:vertical;min-height:102px;line-height:1.55}fieldset{padding:0;border:0;margin:0 0 24px;min-width:0}legend{padding:0}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.choice{position:relative;cursor:pointer;margin:0;font-weight:550}.choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.choice-content{display:flex;align-items:center;gap:9px;min-height:74px;padding:13px 10px;border:1px solid #d4dfe9;border-radius:16px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;font-size:13px;line-height:1.4}.choice:hover .choice-content{transform:translateY(-2px);border-color:#8cb7d3}.choice input:checked+.choice-content{background:#f0f9fe;border-color:#168cca;box-shadow:0 0 0 1px #168cca}.choice input:focus-visible+.choice-content{outline:3px solid #92c9e8;outline-offset:4px}.badge{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.badge svg{width:23px;height:23px}.green{color:#209558;background:#e9f7ef}.amber{color:#c98008;background:#fff5e2}.red{color:#d85356;background:#fcecee}.selected{position:absolute;right:7px;top:5px;width:12px;height:12px;background:var(--blue);border-radius:50%;color:white;opacity:0;transform:scale(.5);transition:.2s}.choice input:checked~.selected{opacity:1;transform:scale(1)}.send{width:100%;height:54px;border:0;border-radius:16px;background:linear-gradient(110deg,#0785c5,#0676b3);box-shadow:0 5px 12px #087ebd19;color:white;font-size:16px;font-weight:650;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;transition:transform .18s,box-shadow .2s,filter .2s}.send:hover{filter:brightness(1.06);box-shadow:0 8px 20px #087ebd30;transform:translateY(-1px)}.send:active{transform:scale(.985)}button:focus-visible,a:focus-visible{outline:3px solid #7ec5ec;outline-offset:4px}.send svg{width:19px;height:19px;transition:transform .2s}.send:hover svg{transform:translate(2px,-2px)}.send.sending svg{animation:fly .65s ease-in forwards}.send:disabled{cursor:wait}.preview{margin:13px 0 0;color:#7c899a;text-align:center;font-size:12px}.help{text-align:center;margin:23px auto 0;max-width:610px;font-size:14px;line-height:1.8;color:var(--muted)}a{color:#086ea8;text-decoration:none;font-weight:550}a:hover{text-decoration:underline}.help a{white-space:nowrap}.help svg{width:14px;height:14px;vertical-align:-2px;margin-right:4px}footer{text-align:center;color:#8190a1;font-size:12px;padding:23px 16px 26px}.success{text-align:center;padding:42px 3px 35px;animation:arrive .5s ease-out}.success[hidden],form[hidden]{display:none}.success-mark{margin:0 auto 27px;width:86px;height:86px;border-radius:28px;background:#e8f7ef;color:#22975e;display:grid;place-items:center;animation:pop .6s cubic-bezier(.2,.8,.3,1.3)}.success-mark svg{width:44px;height:44px;stroke-dasharray:90;stroke-dashoffset:90;animation:draw .65s .25s ease forwards}.success h1{font-size:32px}.success p{line-height:1.7;color:var(--muted);font-size:16px;margin:15px auto;max-width:510px}.success .preview{font-size:13px;margin-top:25px}.again{margin-top:16px;background:white;color:var(--blue);border:1px solid #c9dfe9;border-radius:13px;padding:12px 20px;cursor:pointer;transition:background .2s}.again:hover{background:#f0f9fe}.leaving{animation:leave .22s ease forwards}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes leave{to{opacity:0;transform:translateY(-8px)}}@keyframes fly{to{transform:translate(110px,-55px);opacity:0}}@keyframes pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes draw{to{stroke-dashoffset:0}}@media(max-width:620px){header{height:85px;padding:10px 22px}header img{width:165px;height:60px}header span{font-size:14px}main{margin-top:22px;padding:0 15px}.card{padding:27px 22px;border-radius:25px}h1{font-size:30px}.intro{font-size:16px}.contact-fields{grid-template-columns:1fr;gap:0}.choices{grid-template-columns:1fr;gap:9px}.choice-content{min-height:59px;padding:10px 13px;font-size:15px}.selected{top:23px;right:15px}.help{padding:0 6px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.success-mark svg{stroke-dashoffset:0}}

.device[hidden]{display:none}
.ticket-num{font-weight:700;color:#243e58;font-size:18px;margin:8px 0}
.error-banner{display:none;margin:0 0 16px;padding:12px 14px;border-radius:12px;background:#fcecee;color:#a33;font-size:14px}
.error-banner.show{display:block}