html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,canvas,svg{max-width:100%}
button,a,input,textarea,select{touch-action:manipulation}
header nav{min-width:0}
header nav a{white-space:nowrap}
.site-lang-switch{display:flex;gap:1px;background:var(--bf-line);border:1px solid var(--bf-line);overflow-x:auto;scrollbar-width:none}
.site-lang-switch::-webkit-scrollbar{display:none}
.site-lang-switch button{min-width:36px;min-height:36px}
.site-page{background:var(--bf-bg);color:#fff;font-family:var(--font-body);min-height:100vh;overflow-x:hidden}
.site-wrap{width:min(100%,1200px);margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}
.site-copy{color:#d8d8d2}
.site-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--bf-line);border:1px solid var(--bf-line)}
.site-card{background:var(--bf-panel);min-width:0}
.site-card:hover{background:var(--bf-panel-hover)}
.site-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 17px;border:1px solid var(--bf-line);font-size:10px;letter-spacing:1.3px;color:#fff;background:transparent}
.site-button:hover{border-color:var(--bf-accent);color:#fff}
.site-button-primary{background:var(--bf-accent);border-color:var(--bf-accent);color:#0a0a08;font-weight:700}
.site-button-primary:hover{background:#ff744f;color:#0a0a08}
@media(max-width:900px){
  .site-card-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  header{position:relative!important;align-items:center!important;flex-wrap:wrap!important;padding:14px 18px!important;gap:12px 16px!important}
  header nav{order:3;flex:1 0 100%!important;justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto;padding:4px 0;scrollbar-width:none}
  header nav::-webkit-scrollbar{display:none}
  header nav a{min-height:38px;display:inline-flex;align-items:center}
  header>div:last-child{max-width:100%;overflow-x:auto;scrollbar-width:none;margin-left:auto;order:2}
  header>div:last-child::-webkit-scrollbar{display:none}
  input,textarea,select{font-size:16px!important}
  footer>div{align-items:flex-start!important}
}
@media(max-width:520px){
  header>a:first-child>span:nth-of-type(2){display:none!important}
  .site-lang-switch button{min-width:32px}
  header [style*="font-size:18px"]{font-size:15px!important}
  header [style*="letter-spacing:1.5px"]{letter-spacing:1px!important}
  .site-wrap{padding-inline:18px}
  .site-button{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}