.tz-head{max-width:960px}.tz-page{max-width:960px;padding:0 28px 34px}.tz-tool{background:#fff;border:1px solid var(--pg-brd);border-radius:16px;padding:24px;margin-top:2px;box-shadow:0 8px 28px rgba(30,33,48,.05)}.tz-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tz-pickers{display:grid;grid-template-columns:1fr 46px 1fr;gap:12px;align-items:end}.tz-field{display:flex;flex-direction:column;gap:7px}.tz-field>span{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#7c8197}.tz-field select,.tz-field input{width:100%;height:46px;border:1.5px solid var(--pg-brd);border-radius:10px;background:#fff;color:#1a1c2e;font:600 15px var(--ff);padding:0 12px}.tz-field select:focus,.tz-field input:focus{outline:none;border-color:var(--pg-lnk);box-shadow:0 0 0 3px rgba(66,111,245,.1)}.tz-swap{width:46px;height:46px;border-radius:50%;border:1.5px solid #cbd8fb;background:#f3f6ff;color:var(--pg-lnk);font-size:20px;font-weight:800;cursor:pointer;transition:transform .18s,background .18s}.tz-swap:hover{background:#e8efff;transform:rotate(180deg)}.tz-datetime{display:grid;grid-template-columns:minmax(170px,1fr) minmax(140px,.7fr) auto;gap:12px;align-items:end;margin-top:18px}.tz-now{height:46px;border:1.5px solid #cbd8fb;border-radius:10px;background:#f3f6ff;color:var(--pg-lnk);font:700 14px var(--ff);padding:0 18px;cursor:pointer}.tz-now:hover{background:#e8efff}.tz-error{margin-top:14px;border-radius:9px;padding:10px 12px;background:#fff5f3;color:#a33a2b;font-size:13px}.tz-result{display:grid;grid-template-columns:1fr minmax(150px,.65fr) 1fr;align-items:center;gap:18px;margin-top:22px;padding:24px;border-radius:14px;background:linear-gradient(135deg,#1b1f34,#303758);color:#fff;text-align:center}.tz-result-side{display:flex;flex-direction:column;gap:5px}.tz-result-label{font-size:13px;font-weight:800;color:rgba(255,255,255,.58);letter-spacing:.05em;text-transform:uppercase}.tz-result-time{font:800 clamp(2rem,5vw,3.3rem)/1.08 "Courier New",monospace;letter-spacing:1px;font-variant-numeric:tabular-nums}.tz-result-date{font-size:14px;color:rgba(255,255,255,.72)}.tz-result-zone{font-size:12px;color:rgba(255,255,255,.43)}.tz-result-middle{display:flex;flex-direction:column;gap:5px;align-items:center;color:#dbe3ff}.tz-arrow{font-size:25px;color:#8eabff}.tz-result-middle strong{font-size:13px;line-height:1.45}.tz-result-middle span:last-child{font-size:11px;color:rgba(255,255,255,.5)}.tz-quick,.tz-how{margin-top:28px}.tz-section-head h2,.tz-how h2{margin:0 0 8px;color:#1a1c2e;font-size:22px;line-height:1.3}.tz-section-head p{margin:0 0 14px;color:#62677d;font-size:14px}.tz-quick-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tz-quick-btn{border:1px solid var(--pg-brd);background:#fff;border-radius:11px;padding:12px;text-align:left;cursor:pointer;font-family:var(--ff);transition:border-color .15s,transform .15s,background .15s}.tz-quick-btn:hover{border-color:#9db4f5;background:#f7f9ff;transform:translateY(-1px)}.tz-quick-btn strong{display:block;color:#1a1c2e;font-size:14px}.tz-quick-btn span{display:block;margin-top:3px;color:#777d92;font-size:12px}.tz-how>p{color:#3a3d52;font-size:var(--f-pg);line-height:1.78;margin:0 0 13px}.tz-how ol{padding-left:22px;color:#3a3d52;line-height:1.8;margin:0 0 12px}.tz-how li{margin-bottom:5px}.tz-related{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:18px;border-top:1px solid var(--pg-brd)}.tz-related a{display:inline-flex;padding:8px 11px;border-radius:9px;background:#f5f7fb;color:var(--pg-lnk);font-size:13px;font-weight:700;text-decoration:none}.tz-related a:hover{background:#eaf0ff}@media(max-width:760px){.tz-page{padding:0 16px 28px}.tz-tool{padding:17px}.tz-pickers{grid-template-columns:1fr}.tz-swap{margin:auto;width:40px;height:40px}.tz-datetime{grid-template-columns:1fr 1fr}.tz-now{grid-column:1/-1}.tz-result{grid-template-columns:1fr;padding:20px;gap:12px}.tz-arrow{transform:rotate(90deg)}.tz-quick-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.tz-datetime{grid-template-columns:1fr}.tz-quick-list{grid-template-columns:1fr}.tz-result-time{font-size:2.35rem}}