
/* ===== Tickets ===== */
.tlayout{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}
.tbox{padding:28px 30px 32px}
.tstep{display:flex;align-items:center;gap:12px;font-family:var(--hf);font-weight:800;font-size:19px;text-transform:uppercase;margin:6px 0 16px}
.tstep>span:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(43,255,136,.14);border:1px solid var(--g);color:var(--g);font-size:15px;box-shadow:0 0 12px rgba(43,255,136,.3)}
.tstep+form,.tcats+.terr+.tstep,.tcats+.tstep{margin-top:30px}
.tcats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tcat{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px;border-radius:14px;cursor:pointer;color:inherit;font:inherit;
  border:1px solid rgba(255,255,255,.1);background:rgba(5,14,10,.55);transition:.2s}
.tcat svg{width:26px;height:26px;fill:#9fb3aa;margin-bottom:6px;transition:.2s}
.tcat b{font-size:14px;font-weight:600}
.tcat small{font-size:11.5px;color:var(--m);line-height:1.35}
.tcat:hover{border-color:rgba(43,255,136,.5);background:rgba(43,255,136,.05)}
.tcat:hover svg{fill:var(--g)}
.tcat[aria-checked="true"]{border-color:var(--g);background:rgba(43,255,136,.1);box-shadow:0 0 22px rgba(43,255,136,.25),inset 0 0 0 1px rgba(43,255,136,.4)}
.tcat[aria-checked="true"] svg{fill:var(--g);filter:drop-shadow(0 0 8px var(--g))}
.tcat[aria-checked="true"]::after{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:var(--g);box-shadow:0 0 10px var(--g)}
.tlink .tgo{position:absolute;top:12px;right:14px;color:var(--g);font-size:18px;transition:transform .2s}
.tlink:hover .tgo{transform:translateX(3px)}
.scard details p a{color:var(--g);text-decoration:underline}
.tcat:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.frow2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fld{position:relative;display:block;margin-bottom:14px}
.fld[hidden],.terr[hidden],.tdemo[hidden]{display:none}
.fld>span{display:block;font-size:12.5px;font-weight:600;color:#cfdcd6;margin-bottom:6px}
.fld input,.fld textarea,.fld select{width:100%;font:inherit;font-size:14.5px;color:#fff;background:rgba(3,9,7,.7);border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:12px 14px;outline:none;transition:.2s;resize:vertical}
.fld select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--g) 50%),linear-gradient(135deg,var(--g) 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 14px) 52%;background-size:6px 6px;background-repeat:no-repeat}
.fld select option{background:#07120e}
.fld input::placeholder,.fld textarea::placeholder{color:#5d7068}
.fld input:focus,.fld textarea:focus,.fld select:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(43,255,136,.15),0 0 18px rgba(43,255,136,.15)}
.fld.bad input,.fld.bad textarea,.fld.bad select{border-color:#ff5d6c;box-shadow:0 0 0 3px rgba(255,93,108,.12)}
.fld em,.terr{display:block;font-style:normal;font-size:12px;color:#ff7b87;margin-top:5px}
.fld em:empty{display:none}
.cnt{position:absolute;right:10px;top:4px;font-style:normal;font-size:11px;color:var(--m)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.chk{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:#c5d3cc;cursor:pointer;margin:6px 0 4px;line-height:1.5}
.chk input{position:absolute;opacity:0;pointer-events:none}
.chk .box{flex:none;width:22px;height:22px;border-radius:7px;border:1px solid rgba(255,255,255,.25);background:rgba(3,9,7,.7);display:grid;place-items:center;transition:.2s;margin-top:1px}
.chk .box svg{width:15px;height:15px;fill:#04140b;opacity:0;transform:scale(.4);transition:.25s cubic-bezier(.2,1.5,.4,1)}
.chk input:checked+.box{background:var(--g);border-color:var(--g);box-shadow:0 0 12px rgba(43,255,136,.5)}
.chk input:checked+.box svg{opacity:1;transform:none}
.chk input:focus-visible+.box{outline:2px solid var(--g);outline-offset:2px}
.chk a{color:var(--g);text-decoration:underline}
.tdemo{margin:14px 0 0;font-size:12px;line-height:1.6}
.tsend{margin-top:18px;width:100%;justify-content:center}
.tsend[disabled]{opacity:.7;pointer-events:none}
.tsend.load span{opacity:.6}
.tsend.load::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid rgba(4,20,11,.3);border-top-color:#04140b;animation:tspin .7s linear infinite}
@keyframes tspin{to{transform:rotate(360deg)}}
.tok{text-align:center;padding:50px 30px}
.okring{width:96px;height:96px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(43,255,136,.25),rgba(43,255,136,.05));border:2px solid var(--g);box-shadow:0 0 40px rgba(43,255,136,.45);animation:pop .7s cubic-bezier(.2,1.5,.4,1) both}
.okring svg{width:48px;height:48px;fill:var(--g);filter:drop-shadow(0 0 10px var(--g))}
.tok h2{font-family:var(--hf);font-weight:900;font-size:30px;text-transform:uppercase}
.okid{display:inline-block;margin:14px 0;padding:8px 18px;border-radius:10px;font:800 22px var(--hf);letter-spacing:2px;color:var(--g);background:rgba(43,255,136,.08);border:1px dashed var(--g)}
.tok p{color:#c5d3cc;max-width:460px;margin:0 auto 22px}
.tside{display:flex;flex-direction:column;gap:18px}
.scard{padding:20px 20px 22px}
.scard h3{display:flex;align-items:center;gap:10px;font-family:var(--hf);font-weight:800;font-size:16px;text-transform:uppercase;margin-bottom:12px}
.scard h3 svg{width:20px;height:20px;fill:var(--g);filter:drop-shadow(0 0 6px var(--g))}
.scard>p{font-size:13.5px;color:#c5d3cc;margin-bottom:14px}
.sdc{background:linear-gradient(160deg,rgba(88,101,242,.16),rgba(6,14,11,.8) 60%);border-color:rgba(88,101,242,.35)}
.sdc h3 svg{fill:#8b96ff;filter:drop-shadow(0 0 6px #5865f2)}
.myt{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}
.myt:first-child{border-top:0;padding-top:0}
.myt div{flex:1;min-width:0}
.myt b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.myt small{font-size:11px;color:var(--m)}
.myt .tid{font:700 11px var(--hf);color:var(--g);letter-spacing:.5px}
.tst{flex:none;font:700 10px/1 var(--hf);letter-spacing:.8px;text-transform:uppercase;padding:5px 8px;border-radius:6px;color:#ffcf6b;background:rgba(255,190,60,.12);border:1px solid rgba(255,190,60,.4)}
.myempty{font-size:13px;color:var(--m)}
.scard details{border-top:1px solid rgba(255,255,255,.07)}
.scard details:first-of-type{border-top:0}
.scard summary{list-style:none;cursor:pointer;padding:11px 26px 11px 0;font-size:13.5px;font-weight:600;position:relative}
.scard summary::-webkit-details-marker{display:none}
.scard summary::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:var(--g);font-size:18px;transition:.25s}
.scard details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.scard summary:hover{color:var(--g)}
.scard details p{font-size:13px;color:#b9c8c1;padding:0 0 12px}
@media(max-width:980px){.tlayout{grid-template-columns:1fr}}
@media(max-width:760px){.tbox{padding:22px 16px 24px}.tcats{grid-template-columns:1fr 1fr}.frow2{grid-template-columns:1fr;gap:0}.tcat{padding:13px}.tok{padding:40px 18px}}
