/*!
 * (c) 2026 Ocean Essentials Limited (HK). All rights reserved.
 * Proprietary code. Licensed, not sold. See LICENSE.md and Services Agreement.
 */.board-finder{--bf-topbar-height: 80px;min-height:100vh;display:flex;flex-direction:column}.bf-topbar{position:fixed;top:0;left:0;right:0;height:var(--bf-topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);background:#0a0a0be6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:100}[data-theme=light] .bf-topbar{background:var(--bg-glass)}.bf-topbar__logo{display:flex;align-items:center;gap:var(--space-sm)}.bf-logo-text{font-size:var(--text-md);font-weight:var(--weight-bold)}.bf-logo-text span{color:var(--blue-primary)}.bf-logo-divider{width:1px;height:20px;background:var(--border-default);margin:0 var(--space-sm)}.bf-logo-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--blue-primary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.bf-topbar__progress{flex:1;max-width:400px;margin:0 var(--space-xl)}.bf-progress-track{height:4px;background:var(--bg-surface);border-radius:var(--radius-xs);overflow:hidden}.bf-progress-fill{height:100%;background:linear-gradient(90deg,var(--blue-primary),var(--fuchsia));border-radius:var(--radius-xs);width:25%;transition:width .4s ease}.bf-progress-steps{display:flex;justify-content:space-between;margin-top:var(--space-xs)}.bf-progress-step{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:color .3s ease}.bf-progress-step.is-active{color:var(--blue-primary)}.bf-progress-step.is-completed{color:var(--color-success)}.bf-topbar__actions{display:flex;align-items:center;gap:var(--space-md)}.bf-theme-toggle{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);transition:border-color .2s ease}.bf-theme-toggle:hover{border-color:var(--blue-primary)}.bf-main{flex:1;padding-top:var(--bf-topbar-height)}.bf-step{display:none;min-height:calc(100vh - var(--bf-topbar-height))}.bf-step.is-active{display:block;animation:bfSlideIn .5s ease}@keyframes bfSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.bf-step-split{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - var(--bf-topbar-height))}.bf-step-split--reversed{direction:rtl}.bf-step-split--reversed>*{direction:ltr}@media(max-width:989px){.bf-step-split{grid-template-columns:1fr}}.bf-step-visual{position:relative;background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-primary) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}@media(max-width:989px){.bf-step-visual{display:none}}.bf-step-visual__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(0,96,168,.3) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(169,19,99,.2) 0%,transparent 50%)}.bf-step-visual__content{position:relative;z-index:1;text-align:center;padding:var(--space-2xl)}.bf-step-visual__icon{font-size:var(--text-7xl);margin-bottom:var(--space-lg);filter:drop-shadow(0 0 40px rgba(0,96,168,.4))}.bf-step-visual__image{max-width:80%;margin:0 auto var(--space-lg)}.bf-visual-img{width:100%;height:auto;border-radius:var(--radius-lg)}.bf-step-visual__title{font-size:var(--text-5xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tighter);margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--text-primary) 0%,var(--blue-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bf-step-visual__subtitle{font-size:var(--text-md);color:var(--text-secondary);max-width:400px;margin:0 auto}.bf-step-form{display:flex;flex-direction:column;justify-content:center;padding:var(--space-3xl);background:var(--bg-elevated)}@media(max-width:749px){.bf-step-form{padding:var(--space-xl)}}.bf-step-form__header{margin-bottom:var(--space-2xl)}.bf-step-label{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:#0060a81a;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--blue-primary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-md)}.bf-step-optional{color:var(--text-muted)}.bf-step-question{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-sm)}.bf-step-hint{font-size:var(--text-base);color:var(--text-secondary)}.bf-level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}@media(max-width:600px){.bf-level-grid{grid-template-columns:1fr}}.bf-level-card{position:relative;padding:var(--space-xl);background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s ease;overflow:hidden}.bf-level-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 50%,rgba(0,96,168,.1) 100%);opacity:0;transition:opacity .3s ease}.bf-level-card:hover{border-color:var(--text-muted);transform:translateY(-4px);box-shadow:0 8px 24px #0003}.bf-level-card:hover:before{opacity:1}.bf-level-card.is-selected{border-color:var(--blue-primary);box-shadow:0 0 40px #0060a84d}.bf-level-card.is-selected:before{opacity:1}.bf-level-card__check{position:absolute;top:var(--space-md);right:var(--space-md);width:28px;height:28px;border-radius:var(--radius-full);background:var(--blue-primary);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:scale(.8);transition:all .2s ease}.bf-level-card.is-selected .bf-level-card__check{opacity:1;transform:scale(1)}.bf-level-card__content{position:relative;z-index:1}.bf-level-card__icon{font-size:var(--text-5xl);margin-bottom:var(--space-md)}.bf-level-card__title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-xs)}.bf-level-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.bf-level-card__tag{display:inline-block;margin-top:var(--space-md);padding:var(--space-xs) var(--space-sm);background:var(--bg-surface);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted)}.bf-level-card.is-selected .bf-level-card__tag{background:#0060a81a;color:var(--blue-primary)}.bf-discipline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(max-width:749px){.bf-discipline-grid{grid-template-columns:repeat(2,1fr)}}.bf-discipline-card{position:relative;aspect-ratio:1;background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;transition:all .3s ease}.bf-discipline-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,var(--bg-primary) 100%);z-index:1}.bf-discipline-card__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:var(--text-5xl);z-index:0;opacity:.8;transition:all .3s ease}.bf-discipline-card:hover .bf-discipline-card__icon{transform:translate(-50%,-65%) scale(1.1);opacity:1}.bf-discipline-card__content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-md);z-index:2}.bf-discipline-card__name{font-size:var(--text-base);font-weight:var(--weight-bold);margin-bottom:2px}.bf-discipline-card__desc{font-size:var(--text-xs);color:var(--text-muted)}.bf-discipline-card:hover{border-color:var(--text-muted);transform:translateY(-4px)}.bf-discipline-card.is-selected{border-color:var(--blue-primary);box-shadow:0 0 40px #0060a84d}.bf-discipline-card.is-selected .bf-discipline-card__icon{filter:drop-shadow(0 0 20px rgba(0,96,168,.5))}.bf-discipline-card__check{position:absolute;top:var(--space-sm);right:var(--space-sm);width:24px;height:24px;border-radius:var(--radius-full);background:var(--blue-primary);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;z-index:3;transition:opacity .2s ease}.bf-discipline-card.is-selected .bf-discipline-card__check{opacity:1}.bf-weight-panel{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-2xl)}.bf-weight-display{text-align:center;margin-bottom:var(--space-2xl)}.bf-weight-value{font-family:var(--font-mono);font-size:var(--text-7xl);font-weight:var(--weight-bold);color:var(--blue-primary);line-height:1}.bf-weight-unit{font-size:var(--text-xl);color:var(--text-muted);margin-left:var(--space-xs)}.bf-weight-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-sm)}.bf-weight-slider-track{position:relative;height:12px;background:var(--bg-surface);border-radius:6px;margin-bottom:var(--space-md)}.bf-weight-slider-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--blue-primary),var(--fuchsia));border-radius:6px;width:35%;transition:width .1s ease;pointer-events:none}.bf-weight-slider{-webkit-appearance:none;width:100%;height:12px;background:transparent;position:absolute;top:0;left:0;margin:0;cursor:pointer}.bf-weight-slider::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:44px;background:radial-gradient(circle,#fff 0 12px,var(--blue-primary) 12px 16px,transparent 16px 100%);border:none;border-radius:var(--radius-full);cursor:grab;filter:drop-shadow(0 4px 8px rgba(0,96,168,.4));margin-top:-16px}.bf-weight-range-labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.bf-weight-presets{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl)}.bf-weight-preset{padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.bf-weight-preset:hover{border-color:var(--blue-primary);color:var(--blue-primary)}.bf-budget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media(max-width:749px){.bf-budget-grid{grid-template-columns:1fr}}.bf-budget-card{position:relative;padding:var(--space-xl);background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;text-align:center;transition:all .3s ease;overflow:hidden}.bf-budget-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--border-default);transition:background .3s ease}.bf-budget-card--entry:before{background:var(--color-success)}.bf-budget-card--mid:before{background:var(--blue-primary)}.bf-budget-card--premium:before{background:var(--fuchsia)}.bf-budget-card:hover{border-color:var(--text-muted);transform:translateY(-4px)}.bf-budget-card.is-selected{border-color:var(--blue-primary);box-shadow:0 0 40px #0060a84d}.bf-budget-card__icon{font-size:var(--text-4xl);margin-bottom:var(--space-md)}.bf-budget-card__range{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--blue-primary);margin-bottom:var(--space-xs)}.bf-budget-card__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-sm)}.bf-budget-card__desc{font-size:var(--text-xs);color:var(--text-muted)}.bf-step-nav{display:flex;gap:var(--space-md);margin-top:var(--space-2xl)}.bf-btn{flex:1;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:all .3s ease}.bf-btn--back{flex:0 0 auto;background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.bf-btn--back:hover{border-color:var(--text-muted);color:var(--text-primary)}.bf-btn--skip{flex:0 0 auto;background:transparent;border:1px dashed var(--border-default);color:var(--text-muted)}.bf-btn--skip:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.bf-btn--next{background:linear-gradient(135deg,var(--blue-primary),var(--blue-dark));border:none;color:#fff}.bf-btn--next:hover:not(:disabled){box-shadow:0 0 40px #0060a866;transform:translateY(-2px)}.bf-btn--next:disabled{opacity:.5;cursor:not-allowed}.bf-results{display:none;min-height:calc(100vh - var(--bf-topbar-height));padding:var(--space-2xl)}.bf-results.is-active{display:block;animation:bfFadeIn .5s ease}@keyframes bfFadeIn{0%{opacity:0}to{opacity:1}}.bf-results-container{max-width:1200px;margin:0 auto}.bf-results-hero{text-align:center;margin-bottom:var(--space-2xl);padding:var(--space-2xl);background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-surface) 100%);border:1px solid var(--border-default);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.bf-results-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(0,96,168,.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(169,19,99,.15) 0%,transparent 50%)}.bf-results-hero__content{position:relative;z-index:1}.bf-results-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-success);margin-bottom:var(--space-lg)}.bf-results-badge__pulse{width:10px;height:10px;background:var(--color-success);border-radius:var(--radius-full);animation:bfPulse 2s ease-in-out infinite}@keyframes bfPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}}.bf-results-title{font-size:var(--text-4xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tighter);margin-bottom:var(--space-sm)}.bf-results-subtitle{font-size:var(--text-md);color:var(--text-secondary);max-width:500px;margin:0 auto var(--space-lg)}.bf-results-summary{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm)}.bf-summary-tag{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm)}.bf-summary-label{color:var(--text-muted)}.bf-summary-value{color:var(--blue-primary);font-weight:var(--weight-semibold)}.bf-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl)}.bf-product-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease}.bf-product-card:hover{border-color:var(--blue-primary);transform:translateY(-6px);box-shadow:0 12px 32px #0000004d}.bf-product-card--best{border-color:var(--color-success)}.bf-product-card__image{position:relative;aspect-ratio:3 / 4;background:linear-gradient(135deg,var(--bg-surface),var(--bg-elevated));display:flex;align-items:center;justify-content:center}.bf-product-img{max-width:80%;max-height:80%;object-fit:contain}.bf-product-card__badge{display:none;position:absolute;top:var(--space-md);left:var(--space-md);padding:6px 12px;background:var(--color-success);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-bold);color:#fff;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.bf-product-card--best .bf-product-card__badge{display:block}.bf-product-card__compare{position:absolute;top:var(--space-md);right:var(--space-md);width:44px;height:44px;background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.bf-product-card__compare:hover,.bf-product-card__compare.is-active{background:var(--blue-primary);border-color:var(--blue-primary);color:#fff}.bf-product-card__body{padding:var(--space-lg)}.bf-product-card__family{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-xs)}.bf-product-card__name{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-sm)}.bf-product-card__specs{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md)}.bf-product-card__spec{font-family:var(--font-mono);font-size:var(--text-xs)}.bf-spec-label{color:var(--text-muted)}.bf-spec-value{color:var(--blue-primary);font-weight:var(--weight-semibold)}.bf-product-card__reason{padding:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-md)}.bf-product-card__footer{display:flex;align-items:center;justify-content:space-between}.bf-product-card__price{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-bold)}.bf-product-card__cta{padding:var(--space-sm) var(--space-lg);background:var(--blue-primary);border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);text-decoration:none;transition:background .2s ease}.bf-product-card__cta:hover{background:var(--blue-light)}.bf-no-results{text-align:center;padding:var(--space-3xl)}.bf-no-results__icon{font-size:var(--text-6xl);margin-bottom:var(--space-lg);opacity:.5}.bf-no-results__title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-sm)}.bf-no-results__text{color:var(--text-secondary)}.bf-results-actions{text-align:center}.bf-restart-btn{padding:var(--space-md) var(--space-xl);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s ease}.bf-restart-btn:hover{border-color:var(--blue-primary);color:var(--blue-primary)}.bf-compare-bar{display:none;position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);padding:var(--space-md) var(--space-xl);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006;z-index:100}.bf-compare-bar.is-active{display:flex;align-items:center;gap:var(--space-lg);animation:bfSlideUp .3s ease}@keyframes bfSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bf-compare-bar__info{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.bf-compare-count span{color:var(--blue-primary)}.bf-compare-bar__btn{padding:var(--space-sm) var(--space-lg);background:var(--blue-primary);border:none;border-radius:var(--radius-md);color:#fff;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background .2s ease}.bf-compare-bar__btn:hover{background:var(--blue-light)}.board-finder[data-display-mode=overlay]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--section-bg, #0d0d0f);display:none;overflow-y:auto}.board-finder[data-display-mode=overlay].is-open{display:flex}.board-finder[data-display-mode=overlay] .bf-topbar{position:absolute}.bf-overlay-close{width:44px;height:44px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.bf-overlay-close:hover{border-color:var(--fuchsia);color:var(--fuchsia)}@keyframes bfOverlayIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.board-finder[data-display-mode=overlay].is-open{animation:bfOverlayIn .3s ease}@media(max-width:749px){.bf-topbar{padding:12px 16px;gap:8px;height:auto}.bf-progress-step{display:none}.bf-compare-bar{bottom:env(safe-area-inset-bottom,12px);padding:12px var(--space-md)}}@media(prefers-reduced-motion:reduce){.board-finder *{transition:none!important;animation:none!important}}.bf-level-card:focus-visible,.bf-discipline-card:focus-visible,.bf-budget-card:focus-visible{outline:2px solid var(--blue-primary, #0060a8);outline-offset:3px;border-radius:var(--radius-md, 10px)}.bf-btn:focus-visible,.bf-restart-btn:focus-visible,.bf-overlay-close:focus-visible{outline:2px solid var(--blue-primary, #0060a8);outline-offset:2px}.bf-level-card,.bf-discipline-card,.bf-budget-card{cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/10/assets/board-finder-2026.css.map */