/* GENERATED by tools/make_portal_header_css.py from public/css/style.css: the website header, used on portal pages. Do not edit by hand. */
.site-header .btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:var(--r-pill);font-weight:600;font-size:14px;transition:.2s;white-space:nowrap}
.site-header .btn svg{width:14px;height:14px}
.site-header .btn-primary{background:var(--green);color:#fff}
.site-header .btn-primary:hover{background:var(--green-d);transform:translateY(-1px)}
.site-header .btn-blue{background:var(--blue);color:#fff}
.site-header .btn-blue:hover{background:var(--blue-d)}
.site-header .btn-ghost{border:1px solid var(--line);background:#fff}
.site-header .btn-ghost:hover{border-color:var(--ink)}
.site-header .btn-white{background:#fff;color:var(--ink)}
.site-header .btn-white:hover{background:var(--mist)}
.site-header .btn-sm{padding:8px 16px;font-size:13px}
.site-header{position:sticky;top:0;z-index:100;padding:14px var(--gutter);background:linear-gradient(#fff 70%,rgba(255,255,255,0))}
.site-header .hdr{max-width:calc(var(--wrap) + 80px);margin:0 auto;display:flex;align-items:center;gap:14px;background:#fff;border-radius:0 0 28px 28px}
.site-header .hdr .logo{display:flex;align-items:center;flex:none}
.site-header .hdr .logo img{height:46px;width:auto}
.site-header .nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.site-header .nav>li{position:relative}
.site-header .nav>li>a{display:block;padding:7px 15px;border:1px solid var(--line);border-radius:var(--r-pill);font-size:13px;font-weight:500;color:#555;transition:.15s}
.site-header .nav>li>a:hover{border-color:var(--ink);color:var(--ink)}
.site-header .nav>li>a.active{background:var(--charcoal);color:#fff;border-color:var(--charcoal)}
.site-header .has-sub>a::after{content:"";display:inline-block;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:8px}
.site-header .sub{position:absolute;left:0;top:100%;padding-top:10px;min-width:230px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s;z-index:5}
.site-header .sub ul{background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:0 20px 50px rgba(11,26,42,.12)}
.site-header .sub a{display:block;padding:9px 14px;border-radius:12px;font-size:13.5px;font-weight:500}
.site-header .sub a:hover{background:var(--mist)}
.site-header .nav>li:hover .sub,.site-header .nav>li:focus-within .sub{opacity:1;visibility:visible;transform:none}
.site-header .hdr .actions{display:flex;gap:8px;align-items:center}
.site-header .login-link{font-size:13px;font-weight:600;padding:8px 14px}
.site-header .burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;align-items:center;justify-content:center}
.site-header .burger span,.site-header .burger span::before,.site-header .burger span::after{display:block;width:18px;height:2px;background:var(--ink);position:relative;transition:.2s}
.site-header .burger span::before,.site-header .burger span::after{content:"";position:absolute;left:0}
.site-header .burger span::before{top:-6px}
.site-header .burger span::after{top:6px}
@media(max-width:1080px){.site-header .burger{display:flex;margin-left:auto}.site-header .hdr .actions{display:none}.site-header .nav{position:fixed;inset:0;top:0;background:#fff;flex-direction:column;align-items:stretch;padding:90px var(--gutter) 30px;gap:4px;overflow:auto;transform:translateX(100%);transition:.28s;margin:0;z-index:-1}body.menu-open .site-header .nav{transform:none}body.menu-open .site-header .burger{position:relative;z-index:3}.site-header .nav>li>a{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 4px;font-size:18px}.site-header .nav>li>a.active{background:none;color:var(--blue);border-color:var(--line)}.site-header .sub{position:static;opacity:1;visibility:visible;transform:none;padding:0;display:none}.site-header .sub ul{border:0;box-shadow:none;padding:0 0 8px 12px}.site-header .has-sub.open .sub{display:block}.site-header .nav .m-actions{display:flex;gap:10px;margin-top:20px}}
@media(min-width:1081px){.site-header .m-actions{display:none!important}}
@media print{.site-header,.site-header .site-footer{display:none}}
.site-header .btn svg{transition:transform .25s}
.site-header .btn:hover svg{transform:translateX(4px)}
.site-header .nav a,.site-header .nav .has-sub>a{white-space:nowrap}
@media (min-width:1081px) and (max-width:1340px){.site-header .nav>li>a{padding:7px 10px;font-size:12.5px}.site-header .nav{gap:3px}}
.site-header .btn.off{opacity:.55;cursor:not-allowed;pointer-events:none}
.site-header .hdr{position:relative}
.site-header .nav>li.mega-li{position:static}
.site-header .sub.mega{left:50%;width:min(1180px,calc(100vw - 32px));transform:translate(-50%,6px)}
.site-header .nav>li.mega-li:hover .sub.mega,.site-header .nav>li.mega-li:focus-within .sub.mega{transform:translate(-50%,0)}
.site-header .mega .mega-in{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;padding:16px 12px 8px;box-shadow:0 20px 50px rgba(11,26,42,.12)}
.site-header .mega .mega-col{padding:2px 4px;min-width:0}
.site-header .mega .mega-col ul{background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.site-header .mega a.mega-h{display:block;padding:8px 10px 10px;margin-bottom:4px;border-radius:12px;border-top:3px solid var(--wc)}
.site-header .mega a.mega-h b{display:block;font-size:12.5px;letter-spacing:.08em;color:var(--wc)}
.site-header .mega a.mega-h small{display:block;font-size:11.5px;color:var(--muted);font-weight:500;line-height:1.3;margin-top:2px}
.site-header .mega .mega-col li a{padding:5px 10px;font-size:13px;line-height:1.3;white-space:normal}
.site-header .mega .mega-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--mist);border:1px solid var(--line);border-top:0;border-radius:0 0 22px 22px;padding:10px 22px;font-size:13px;box-shadow:0 20px 50px rgba(11,26,42,.12)}
.site-header .mega .mega-foot a{display:inline-flex;gap:6px;align-items:center;padding:0;font-weight:700}
.site-header .mega .mega-foot a:hover{background:none;text-decoration:underline}
.site-header .mega .mega-foot svg{width:12px;height:12px}
.site-header .mega .mega-foot span a{display:inline;font-weight:700}
@media(max-width:1080px){.site-header .nav>li.mega-li{position:relative}.site-header .sub.mega{width:auto;transform:none!important}.site-header .mega .mega-in{display:block;border:0;box-shadow:none;padding:0 0 4px 12px;border-radius:0}.site-header .mega .mega-col ul{display:none}.site-header .mega a.mega-h{border:0;border-left:3px solid var(--wc);border-radius:0;padding:8px 12px;margin:2px 0}.site-header .mega a.mega-h small{display:none}.site-header .mega .mega-foot{background:none;border:0;box-shadow:none;padding:6px 12px 10px 24px}}
.site-header .mega a.mega-h,.site-header .mega a.mega-h b,.site-header .mega a.mega-h small{white-space:normal}
.site-header .btn-primary[href^="membership.html"]{background:linear-gradient(100deg,#2c63b5,#6f4fc4,#c4475e,#d9821c,#3f8f5e,#178f9e,#2c63b5);background-size:300% 100%;color:#fff;text-shadow:0 1px 2px rgba(11,26,42,.35);box-shadow:0 6px 18px rgba(111,79,196,.28);animation:joinflow 7s linear infinite}
.site-header .btn-primary[href^="membership.html"]:hover{background-color:transparent;filter:brightness(1.08) saturate(1.1);transform:translateY(-1px)}
@media (prefers-reduced-motion:reduce){.site-header .btn-primary[href^="membership.html"]{animation:none;background-size:100% 100%}}