
.ts-email-note{
  margin:16px 0 0;padding:14px 16px;
  color:#a9bad4;background:rgba(57,119,255,.07);
  border:1px solid rgba(100,151,255,.18);border-radius:14px;
  font-size:12px;line-height:1.75;
}
.ts-login-support{margin-top:14px;text-align:center}
.ts-login-support .ts-trigger{font-size:12px;min-height:38px}
.ts-trigger{white-space:nowrap}

dialog.torvpn-support-dialog{
  position:fixed!important;
  inset:0!important;
  margin:auto!important;
  box-sizing:border-box;
  width:min(580px,calc(100vw - 32px));
  height:fit-content;
  max-height:calc(100vh - 32px);
  max-height:calc(100dvh - 32px);
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:30px;border-radius:26px;
  border:1px solid rgba(102,151,255,.3);
  background:
    radial-gradient(ellipse at 100% 0,rgba(57,119,255,.14),transparent 55%),
    #0c1730;
  color:#f7faff;
  font-family:inherit;
  box-shadow:0 35px 110px rgba(0,0,0,.6);
  scrollbar-width:thin;
  scrollbar-color:#354a70 #0c1730;
}
dialog.torvpn-support-dialog[data-view="faq"]{
  width:min(760px,calc(100vw - 32px));
}
dialog.torvpn-support-dialog[open]{animation:ts-appear .2s ease-out}
dialog.torvpn-support-dialog::backdrop{
  background:rgba(2,7,17,.8);backdrop-filter:blur(8px);
}
html:has(#torvpn-support-dialog[open]){overflow:hidden}
#torvpn-support-dialog [hidden]{display:none!important}

.ts-head{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:18px;margin-bottom:22px;
}
.ts-eyebrow{
  color:#8ab5ff;font-size:10px;font-weight:700;
  letter-spacing:.12em;line-height:1.5;margin-bottom:12px;
}
#torvpn-support-title{
  margin:0;font-size:28px;line-height:1.2;
  letter-spacing:-.65px;color:#f7faff;
}
.ts-close{
  flex:0 0 36px;width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid #30466b;border-radius:11px;
  background:#172844;color:#dce9ff;font-size:24px;
  cursor:pointer;
}
.ts-intro{margin:0;color:#c1cee2;font-size:14px;line-height:1.85}
.ts-info{
  margin:20px 0;padding:16px 18px;
  border:1px solid #2b4064;border-radius:16px;
  background:rgba(9,19,39,.55);
  color:#aebed7;font-size:13px;line-height:1.75;
}
.ts-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.ts-primary,.ts-secondary{
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  width:100%;min-height:48px;padding:12px 16px;border-radius:14px;
  font-family:inherit;font-size:14px;font-weight:600;
  text-align:center;text-decoration:none;cursor:pointer;
}
.ts-primary{background:#3977ff;border:1px solid #3977ff;color:#fff}
.ts-primary:hover{background:#5087ff}
.ts-secondary{background:#142440;border:1px solid #30466b;color:#dce9ff}
.ts-secondary:hover{background:#1a2e4e}
.ts-back{
  border:0;background:transparent;color:#9abfff;
  padding:0;margin:0 0 12px;cursor:pointer;font:inherit;font-size:13px;
}
.ts-faq-caption{margin:0 0 18px;color:#91a1bd;font-size:13px;line-height:1.7}
.ts-question{
  margin:0 0 10px;border:1px solid #263a5b;
  border-radius:16px;background:rgba(8,18,37,.5);overflow:hidden;
}
.ts-question[open]{border-color:#3a5f96;background:#101e38}
.ts-question summary{
  display:flex;align-items:center;gap:12px;
  padding:18px;cursor:pointer;list-style:none;
}
.ts-question summary::-webkit-details-marker{display:none}
.ts-number{color:#7894bb;font-size:11px;font-weight:600;flex:0 0 21px}
.ts-question-title{color:#edf4ff;font-size:14px;line-height:1.5;flex:1}
.ts-indicator{
  position:relative;width:18px;height:18px;flex:0 0 18px;color:#91b9f5;
}
.ts-indicator::before,.ts-indicator::after{
  content:"";position:absolute;background:currentColor;border-radius:2px;
}
.ts-indicator::before{left:3px;right:3px;top:8px;height:2px}
.ts-indicator::after{top:3px;bottom:3px;left:8px;width:2px}
.ts-question[open] .ts-indicator::after{display:none}
.ts-answer{padding:0 20px 20px 51px}
.ts-answer p{
  margin:0 0 15px;color:#b8c8df;font-size:13px;
  line-height:1.85;overflow-wrap:anywhere;
}
.ts-answer a,.ts-footer a{color:#9ec3ff;text-underline-offset:3px}
.ts-answer-help{display:inline-block;font-size:12px;margin-top:3px}
.ts-footer{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:12px;margin-top:22px;padding-top:20px;
  border-top:1px solid #263a5b;font-size:13px;color:#91a1bd;
}
#torvpn-support-dialog button:focus-visible,
#torvpn-support-dialog a:focus-visible,
#torvpn-support-dialog summary:focus-visible{
  outline:2px solid #21d7ff;outline-offset:3px;
}
@keyframes ts-appear{
  from{opacity:0;transform:scale(.98)}
  to{opacity:1;transform:scale(1)}
}
@media(max-width:550px){
  dialog.torvpn-support-dialog{padding:23px 18px;border-radius:22px}
  #torvpn-support-title{font-size:24px}
  .ts-head{gap:10px}
  .ts-question summary{padding:15px 12px;gap:8px}
  .ts-question-title{font-size:13px}
  .ts-answer{padding:0 15px 18px}
  .ts-intro{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  dialog.torvpn-support-dialog[open]{animation:none}
}

/* TORVPN_SUPPORT_FONT_V2_START */
#torvpn-support-dialog .ts-question > summary {
    font-size: 18px !important;
    line-height: 1.5 !important;
}
#torvpn-support-dialog .ts-question > summary span {
    font-size: inherit !important;
}
#torvpn-support-dialog .ts-answer,
#torvpn-support-dialog .ts-answer p,
#torvpn-support-dialog .ts-answer li,
#torvpn-support-dialog .ts-answer a {
    font-size: 16px !important;
    line-height: 1.75 !important;
}
#torvpn-support-dialog .ts-answer p + p {
    margin-top: 16px !important;
}
/* TORVPN_SUPPORT_FONT_V2_END */
