*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.qn-site{margin:0;background:var(--qn-bg,#fff);color:var(--qn-text,#132238);font-family:var(--qn-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--qn-font-size,17px);line-height:1.6}
img{max-width:100%;height:auto}
a{color:var(--qn-accent,#1689ff)}
h1,h2,h3,h4,h5,h6{font-weight:var(--qn-heading-weight,700);line-height:1.1;letter-spacing:-.025em}
.qn-shell{width:min(calc(100% - 40px),var(--qn-container,1280px));margin-inline:auto}
.qn-skip{position:absolute;left:-9999px;top:10px;background:#fff;color:#000;padding:10px 14px;z-index:99999}.qn-skip:focus{left:10px}
.qn-topbar{border-bottom:1px solid var(--qn-line,#e4e9ef);font-size:.88rem;color:var(--qn-muted,#687385)}
.qn-header{height:var(--qn-header-height,82px);background:rgba(255,255,255,.96);border-bottom:1px solid var(--qn-line,#e4e9ef);z-index:1000}
.qn-sticky-header .qn-header{position:sticky;top:0;backdrop-filter:blur(12px)}
.qn-header-inner{height:100%;display:flex;align-items:center;gap:28px}
.qn-brand{display:flex;flex-direction:column;text-decoration:none;color:var(--qn-primary,#132238);min-width:0}
.qn-brand-name{font-weight:800;font-size:1.15rem;line-height:1.05}.qn-brand small{color:var(--qn-muted,#687385);font-size:.72rem;margin-top:4px}
.qn-menu{margin-left:auto}.qn-menu ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:24px}.qn-menu a{text-decoration:none;color:var(--qn-text,#132238);font-weight:650}
.qn-menu .current>a,.qn-menu a:hover{color:var(--qn-accent,#1689ff)}
.qn-header-extra{display:flex;align-items:center;gap:10px}
.qn-menu-toggle{display:none;margin-left:auto;border:1px solid var(--qn-line);background:#fff;border-radius:10px;padding:9px 12px;font:inherit;font-weight:700}
.qn-hero-module{width:100%}
.qn-breadcrumbs{border-bottom:1px solid var(--qn-line);color:var(--qn-muted);font-size:.9rem;padding:10px 0}
.qn-main{padding:36px 0 56px}
.qn-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.qn-layout.has-left{grid-template-columns:250px minmax(0,1fr)}
.qn-layout.has-right{grid-template-columns:minmax(0,1fr) 250px}
.qn-layout.has-left.has-right{grid-template-columns:230px minmax(0,1fr) 230px}
.qn-component{min-width:0;width:min(100%,var(--qn-content,1120px));margin-inline:auto}
.qn-sidebar{min-width:0}
.qn-module-card{border:1px solid var(--qn-line);border-radius:var(--qn-radius);padding:18px;background:var(--qn-surface)}
.qn-above,.qn-below{margin-block:18px}
.qn-footer{border-top:1px solid var(--qn-line);background:var(--qn-surface);padding:42px 0 24px}
.qn-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.qn-footer-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--qn-line);padding-top:18px;margin-top:26px;color:var(--qn-muted);font-size:.88rem}
.qn-powered strong{color:var(--qn-primary)}
.qn-button,.qn-offline-form button{display:inline-block;border:0;background:var(--qn-primary,#132238);color:#fff;text-decoration:none;padding:12px 18px;border-radius:12px;font:inherit;font-weight:750;cursor:pointer}
.qn-error-page,.qn-offline-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:#f5f8fb}
.qn-error-box,.qn-offline-box{max-width:640px;background:#fff;border:1px solid #e4e9ef;border-radius:22px;padding:42px;text-align:center}
.qn-error-code{font-size:5rem;font-weight:800;line-height:1;color:var(--qn-accent,#1689ff)}
.qn-kicker{letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:800;color:#687385}
.qn-offline-form{display:grid;gap:10px;margin-top:22px}.qn-offline-form input{padding:12px;border:1px solid #ccd5df;border-radius:10px;font:inherit}
.qn-component-only{padding:24px}
@media(max-width:960px){
  .qn-header-inner{gap:16px}
  .qn-menu-toggle{display:block}
  .qn-menu{display:none;position:absolute;left:20px;right:20px;top:calc(var(--qn-header-height) - 4px);background:#fff;border:1px solid var(--qn-line);border-radius:16px;padding:14px;box-shadow:0 18px 45px rgba(14,28,45,.12)}
  .qn-menu.is-open{display:block}
  .qn-menu ul{flex-direction:column;align-items:stretch;gap:4px}.qn-menu a{display:block;padding:10px 12px;border-radius:8px}
  .qn-layout,.qn-layout.has-left,.qn-layout.has-right,.qn-layout.has-left.has-right{grid-template-columns:1fr}
  .qn-sidebar-left{order:2}.qn-component{order:1}.qn-sidebar-right{order:3}
}
@media(max-width:700px){
  .qn-shell{width:min(calc(100% - 28px),var(--qn-container,1280px))}
  .qn-header-extra{display:none}
  .qn-footer-grid{grid-template-columns:1fr}
  .qn-footer-bottom{align-items:flex-start;flex-direction:column}
}


/* QUVENTY NEXA 0.1.4 – full width desktop navigation + mobile hamburger */
.qn-header{height:auto}
.qn-header-brandrow{background:rgba(255,255,255,.98)}
.qn-header-inner{min-height:var(--qn-header-height,82px);height:auto}
.qn-header-extra{margin-left:auto}
.qn-menu-toggle{margin-left:auto}
.qn-navrow{border-top:1px solid var(--qn-line,#e4e9ef);background:#fff}
.qn-navrow .qn-shell{position:relative}
.qn-menu{margin-left:0;width:100%}
.qn-menu ul{width:100%;justify-content:flex-start;gap:0}
.qn-menu li{display:block}
.qn-menu a{display:block;padding:14px 18px;border-bottom:3px solid transparent}
.qn-menu .current>a,.qn-menu a:hover{border-bottom-color:var(--qn-accent,#1689ff)}
.qn-hamburger{display:inline-flex;width:22px;height:16px;flex-direction:column;justify-content:space-between}
.qn-hamburger span{display:block;height:2px;width:100%;background:currentColor;border-radius:2px}
.qn-menu-toggle{align-items:center;gap:9px}
@media(min-width:961px){
  .qn-menu-toggle{display:none}
  .qn-navrow{display:block}
  .qn-menu{display:block!important;position:static!important;border:0!important;box-shadow:none!important;padding:0!important;background:transparent!important}
}
@media(max-width:960px){
  .qn-header{position:relative}
  .qn-menu-toggle{display:inline-flex}
  .qn-menu-label{font-size:.95rem}
  .qn-navrow{border-top:0}
  .qn-navrow .qn-shell{width:100%;margin:0}
  .qn-menu{display:none;position:absolute;left:14px;right:14px;top:0;width:auto;background:#fff;border:1px solid var(--qn-line);border-radius:16px;padding:10px;box-shadow:0 18px 45px rgba(14,28,45,.15);z-index:1200}
  .qn-menu.is-open{display:block}
  .qn-menu ul{flex-direction:column;align-items:stretch;gap:2px}
  .qn-menu a{padding:12px 14px;border-bottom:0;border-radius:10px}
  .qn-menu .current>a,.qn-menu a:hover{background:var(--qn-surface,#f5f8fb)}
}