.b2b-container{max-width:var(--b2b-container-width);margin:0 auto;padding:0 20px}
.b2b-btn{display:inline-block;padding:12px 32px;border-radius:var(--b2b-radius-sm);font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .2s}
.b2b-btn--primary{background:var(--b2b-primary);color:#fff}
.b2b-btn--primary:hover{background:var(--b2b-primary-dark)}
.b2b-btn--secondary{background:transparent;color:var(--b2b-primary);border:2px solid var(--b2b-primary)}
.b2b-btn--secondary:hover{background:var(--b2b-primary);color:#fff}
.b2b-btn--accent{background:var(--b2b-accent);color:#fff}
.b2b-btn--accent:hover{background:var(--b2b-accent-hover)}
.b2b-btn--lg{padding:16px 48px;font-size:18px}
.b2b-btn--sm{padding:6px 16px;font-size:13px}
.b2b-card{background:var(--b2b-bg);border-radius:var(--b2b-radius-md);padding:32px;box-shadow:var(--b2b-shadow);transition:transform .2s}
.b2b-card:hover{transform:translateY(-2px)}
.b2b-form .b2b-form-group{margin-bottom:20px}
.b2b-form label{display:block;margin-bottom:6px;font-weight:600;color:var(--b2b-text);font-size:var(--b2b-font-small)}
.b2b-input,.b2b-select{width:100%;padding:12px 16px;border:1px solid var(--b2b-border);border-radius:var(--b2b-radius-sm);font-size:var(--b2b-font-body);transition:border-color .2s;box-sizing:border-box}
.b2b-input:focus,.b2b-select:focus{border-color:var(--b2b-primary);outline:none}
.b2b-input--error{border-color:#e53935}
.b2b-error-msg{color:#e53935;font-size:13px;margin-top:4px;display:none}
.b2b-error-msg--visible{display:block}
.b2b-tag{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;background:#f0f7ff;color:var(--b2b-primary);cursor:pointer;transition:all .2s}
.b2b-tag--active{background:var(--b2b-primary);color:#fff}
.b2b-tag:hover{background:var(--b2b-primary-light);color:#fff}
.b2b-toast{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:var(--b2b-radius-sm);color:#fff;font-size:var(--b2b-font-body);z-index:9999;opacity:0;transform:translateY(-20px);transition:all .3s}
.b2b-toast--visible{opacity:1;transform:translateY(0)}
.b2b-toast--success{background:var(--b2b-success)}
.b2b-toast--error{background:#e53935}
.b2b-toast--info{background:var(--b2b-primary)}
.b2b-topnav{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}
.b2b-topnav__inner{display:flex;align-items:center;height:64px;gap:0}
.b2b-topnav__logo{display:flex;align-items:center;gap:8px;text-decoration:none;margin-right:32px;flex-shrink:0}
.b2b-topnav__brand{font-size:18px;font-weight:700;color:var(--b2b-primary)}
.b2b-topnav__menu{display:flex;align-items:center;gap:0;flex:1}
.b2b-topnav__item{position:relative}
.b2b-topnav__item>a{display:flex;align-items:center;gap:3px;padding:20px 14px;font-size:14px;color:#4b5563;text-decoration:none;font-weight:500;transition:color .15s;white-space:nowrap}
.b2b-topnav__item>a:hover{color:var(--b2b-primary)}
.b2b-topnav__item--active>a{color:var(--b2b-primary);font-weight:600}
.b2b-topnav__item--active>a::after{content:'';position:absolute;bottom:0;left:14px;right:14px;height:2px;background:var(--b2b-primary);border-radius:1px}
.b2b-topnav__chevron{transition:transform .2s;margin-left:2px}
.b2b-topnav__item--has-sub:hover .b2b-topnav__chevron{transform:rotate(180deg)}
.b2b-topnav__dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.1);padding:6px 0;min-width:160px;z-index:200;border:1px solid #f3f4f6}
.b2b-topnav__item--has-sub:hover .b2b-topnav__dropdown{display:block}
.b2b-topnav__dropdown a{display:block;padding:9px 18px;font-size:13px;color:#4b5563;text-decoration:none;white-space:nowrap;transition:all .15s}
.b2b-topnav__dropdown a:hover{background:#eff6ff;color:var(--b2b-primary);padding-left:22px}
.b2b-topnav__actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}
.b2b-topnav__link-btn{padding:7px 14px;font-size:13px;color:var(--b2b-primary);text-decoration:none;border:1px solid var(--b2b-primary);border-radius:6px;font-weight:500;transition:all .15s}
.b2b-topnav__link-btn:hover{background:var(--b2b-primary);color:#fff}
.b2b-topnav__cta{padding:7px 16px;font-size:13px;color:#fff;background:var(--b2b-primary);text-decoration:none;border-radius:6px;font-weight:600;transition:all .15s}
.b2b-topnav__cta:hover{background:var(--b2b-primary-dark)}
.b2b-topnav__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;margin-left:auto}
.b2b-topnav__hamburger span{display:block;width:22px;height:2px;background:#374151;border-radius:1px;transition:all .3s}
.b2b-topnav__hamburger--open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.b2b-topnav__hamburger--open span:nth-child(2){opacity:0}
.b2b-topnav__hamburger--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.b2b-topnav__mobile{display:none;background:#fff;border-bottom:1px solid #e5e7eb;padding:8px 0}
.b2b-topnav__mobile--open{display:block}
.b2b-mobile__item>a,.b2b-mobile__header>a{display:block;padding:12px 20px;font-size:15px;color:#374151;text-decoration:none;font-weight:500}
.b2b-mobile__item--has-sub .b2b-mobile__header{display:flex;align-items:center;justify-content:space-between}
.b2b-mobile__toggle{background:none;border:none;font-size:16px;color:#9ca3af;cursor:pointer;padding:12px 20px;transition:transform .2s}
.b2b-mobile__item--sub-open .b2b-mobile__toggle{transform:rotate(180deg);color:var(--b2b-primary)}
.b2b-mobile__sub{display:none;padding:0 0 4px 20px}
.b2b-mobile__item--sub-open .b2b-mobile__sub{display:block}
.b2b-mobile__sub a{display:block;padding:10px 20px;font-size:14px;color:#6b7280;text-decoration:none}
.b2b-mobile__sub a:hover{color:var(--b2b-primary)}
.b2b-mobile__actions{padding:16px 20px;border-top:1px solid #f3f4f6;display:flex;gap:10px}
.b2b-body--noscroll{overflow:hidden}
.b2b-topnav,.b2b-topnav *,.b2b-topnav *::before,.b2b-topnav *::after,.b2b-footer,.b2b-footer *,.b2b-footer *::before,.b2b-footer *::after{box-sizing:border-box}
.b2b-section-header{text-align:center;margin-bottom:8px}
.b2b-section-header__title{font-size:32px;font-weight:800;color:#1e293b;margin:0 0 12px;letter-spacing:-.5px;line-height:1.3}
.b2b-section-header__desc{font-size:16px;color:#64748b;margin:0;line-height:1.6}
.b2b-section-header__title::after{content:'';display:block;width:48px;height:4px;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:2px;margin:16px auto 0}
@media(max-width:768px){
.b2b-btn--lg{padding:14px 28px;font-size:16px;width:100%;text-align:center}
.b2b-card{padding:20px}
.b2b-topnav__hamburger{display:flex}
.b2b-topnav__menu{display:none}
.b2b-topnav__actions{display:none}
.b2b-topnav__mobile{display:none}
.b2b-topnav__mobile--open{display:block}
.b2b-hero__user-entry{flex-direction:column;gap:8px}
.b2b-hero__user-btn{justify-content:center;width:100%}
.b2b-footer .b2b-container{grid-template-columns:1fr!important;text-align:center}
}