/* Shared presentation layer for Tavarov Pay articles and product guides. */
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/manrope-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root,:root[data-theme="light"]{
 color-scheme:light;
 --bg:#fdfdfc;--card:#f5f5f3;--label:#19191c;--label-2:#606069;--label-3:#73737c;
 --sep:#e4e4e7;--accent:#6546d9;--accent-2:#6546d9;--fill:#f2f2f1;--r:16px;
 --ink:#19191c;--ink-2:#fff;--btn-bg:#19191c;--btn-fg:#fff;
 --font:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
 --page-bg:none;--shadow:none;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
 color-scheme:dark;
 --bg:#101012;--card:#19191c;--label:#f1f1f3;--label-2:#b2b2bc;--label-3:#9696a1;
 --sep:#303035;--accent:#b6a5ff;--accent-2:#b6a5ff;--fill:#232327;
 --ink:#f1f1f3;--ink-2:#101012;--btn-bg:#f1f1f3;--btn-fg:#101012;
}}
:root[data-theme="dark"]{
 color-scheme:dark;
 --bg:#101012;--card:#19191c;--label:#f1f1f3;--label-2:#b2b2bc;--label-3:#9696a1;
 --sep:#303035;--accent:#b6a5ff;--accent-2:#b6a5ff;--fill:#232327;
 --ink:#f1f1f3;--ink-2:#101012;--btn-bg:#f1f1f3;--btn-fg:#101012;
}
html{scroll-padding-top:84px}
body{background:var(--bg)!important;background-image:none!important;font-family:var(--font);font-weight:450;line-height:1.7;letter-spacing:-.012em}
h1,h2,h3{font-family:var(--font);text-wrap:balance;letter-spacing:-.035em!important}
h1{font-weight:700!important;line-height:1.12!important}
h2{font-weight:650!important;line-height:1.25}
h3{font-weight:650!important;letter-spacing:-.02em!important}
p,li{overflow-wrap:break-word}
.lead{color:var(--label-2);line-height:1.65}
a{color:var(--accent);text-underline-offset:4px}
a:hover{text-decoration-thickness:1px}
header{background:color-mix(in srgb,var(--bg) 94%,transparent)!important;box-shadow:none!important;border-bottom:1px solid var(--sep)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.brand{font-weight:700;letter-spacing:-.025em}
.bar{min-height:64px}
.bar nav a{color:var(--label-2);font-weight:550;background:transparent!important}
.bar nav a[aria-current="true"]{color:var(--label);box-shadow:inset 0 -1.5px 0 var(--label);border-radius:0}
.langs{background:transparent!important;border:0!important;gap:1px}
.langs button{font-weight:550;color:var(--label-2)}
.langs button[aria-pressed="true"]{background:var(--fill)!important;color:var(--label)!important;box-shadow:none!important;border-radius:7px}
.btn{min-height:46px;padding:13px 21px;border-radius:11px!important;box-shadow:none!important;font-weight:650;letter-spacing:-.015em;transition:background-color .16s ease,opacity .16s ease}
.btn:hover{transform:none!important;text-decoration:none!important;filter:none!important}
.btn-main,.btn-main:hover{background:var(--btn-bg)!important;color:var(--btn-fg)!important;border:1px solid var(--btn-bg)}
.btn-main:hover{opacity:.86}
.btn-plain,.btn-ghost{background:transparent!important;color:var(--label)!important;border:1px solid var(--sep)!important}
.btn-plain:hover,.btn-ghost:hover{background:var(--fill)!important;border-color:var(--label-3)!important}
.box,.panel,.honest,.grid .box{background:var(--card)!important;box-shadow:none!important;border:1px solid transparent!important;border-radius:var(--r)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.honest::before{display:none!important}
.bubble,.field{background:var(--fill)!important;box-shadow:none!important}
.grid>*,.rows>*,.demo>*{min-width:0}
.step .n{background:var(--fill)!important;color:var(--label-2)!important;font-weight:600}
details{background:transparent!important;border:0!important;border-top:1px solid var(--sep)!important;border-radius:0!important;padding:18px 0!important;margin:0!important}
details:last-of-type{border-bottom:1px solid var(--sep)!important}
summary{font-weight:600;line-height:1.5}
details p{padding-right:18px}
code{background:var(--fill);border-radius:5px;overflow-wrap:anywhere}
pre{background:var(--fill)!important;color:var(--label)!important;border:1px solid var(--sep)!important;box-shadow:none!important;max-width:100%;overflow:auto}
pre code{background:transparent;color:inherit!important}
.tbl{border-color:var(--sep);box-shadow:none;background:transparent}
table th{color:var(--label);font-weight:650}
footer{background:transparent!important;color:var(--label-3)}
footer a{color:var(--label-2)}
img,video{max-width:100%;height:auto}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
::selection{background:#dfd5ff;color:#211445}
@media(max-width:600px){
 .wrap{padding-left:20px;padding-right:20px}
 .bar{gap:10px}
 .bar nav{min-width:0}
 .hero{padding-top:44px}
 .cta{gap:10px}
 .cta .btn{max-width:100%;text-align:center;overflow-wrap:anywhere}
 .box,.panel,.honest{padding:20px}
 section{padding-top:42px;padding-bottom:42px}
}
@media(max-width:380px){.wrap{padding-left:16px;padding-right:16px}.langs button{padding-left:5px;padding-right:5px}.bar nav{gap:2px}.bar nav a{padding-left:5px;padding-right:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}