:root{--z-bottom-nav: 50;--z-navbar: 999;--z-dropdown-menu: 1000;--z-modal-dialog: 50000;--z-modal-dropdown: 60000;--z-tooltip-popover: 50002;--z-glassmorphism-overlay: 999998;--z-glassmorphism-panel: 999999}.glass-navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:none;z-index:var(--z-navbar)}.dark .glass-navbar{background:#0003;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:none}.glass-navbar-translucent{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#fff6!important;border-bottom:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important;will-change:backdrop-filter,background-color,border-color,box-shadow;z-index:var(--z-navbar)!important}.glass-navbar-scrolled{backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;background:#ffffffb3!important;border-bottom:1px solid rgba(255,255,255,.2)!important;box-shadow:none!important;will-change:backdrop-filter,background-color,border-color,box-shadow;z-index:var(--z-navbar)!important}.dark .glass-navbar-translucent{background:#0006!important;border-bottom:1px solid rgba(255,255,255,.05)!important;box-shadow:none!important}.dark .glass-navbar-scrolled{background:#000000b3!important;border-bottom:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}@media (prefers-reduced-motion: no-preference){.glass-navbar-translucent,.glass-navbar-scrolled{transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1);transition:backdrop-filter .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);transition:backdrop-filter .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1)}}.hamburger-icon{width:24px;height:24px;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger-line{position:absolute;width:100%;height:2px;background:currentColor;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:1px}.hamburger-line:nth-child(1){top:6px}.hamburger-line:nth-child(2){top:11px}.hamburger-line:nth-child(3){top:16px}.hamburger-icon.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-icon.active .hamburger-line:nth-child(2){opacity:0}.hamburger-icon.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.side-panel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-glassmorphism-overlay)!important;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);isolation:isolate}.side-panel-overlay.active{opacity:1;visibility:visible}.glass-side-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.3);box-shadow:-8px 0 32px #00000026;z-index:var(--z-glassmorphism-panel)!important;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;isolation:isolate}.dark .glass-side-panel{background:#0f172af2;border-left:1px solid rgba(255,255,255,.1);box-shadow:-8px 0 32px #0000004d}.glass-side-panel.active{transform:translate(0)}.panel-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.dark .panel-header{border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#6366f133,#8b5cf633)}.menu-section{padding:20px 24px}.menu-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748bcc;margin-bottom:12px}.dark .menu-section-title{color:#94a3b8cc}.glass-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;margin-bottom:4px;background:transparent;border:none;width:100%;text-align:left;cursor:pointer}.glass-menu-item:hover{background:#6366f11a;transform:translate(4px);box-shadow:0 4px 12px #6366f133}.dark .glass-menu-item:hover{background:#6366f133}.glass-menu-item-icon{width:20px;height:20px;opacity:.7;transition:opacity .2s ease}.glass-menu-item:hover .glass-menu-item-icon{opacity:1}.panel-close-btn{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.panel-close-btn:hover{background:#fff3;transform:scale(1.05)}.dark .panel-close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.dark .panel-close-btn:hover{background:#ffffff1a}.user-profile-section{margin-top:auto;padding:24px;border-top:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#10b9811a,#06b6d41a)}.dark .user-profile-section{border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#10b98133,#06b6d433)}.glassmorphism-side-panel{z-index:var(--z-glassmorphism-panel)!important;isolation:isolate}.side-panel-overlay{z-index:var(--z-glassmorphism-overlay)!important;isolation:isolate}[data-radix-dialog-overlay],.dialog-overlay,[data-radix-dialog-content],.sheet-overlay{z-index:var(--z-modal-dialog)!important}[data-radix-popper-content-wrapper]{z-index:var(--z-tooltip-popover)!important}[data-radix-dropdown-menu-content]{z-index:var(--z-dropdown-menu)!important}[data-radix-dialog-content] [data-radix-dropdown-menu-content],[data-radix-dialog-overlay]~[data-radix-dropdown-menu-content],.modal-container [data-radix-dropdown-menu-content],[data-radix-dialog-content] [data-radix-select-content],[data-radix-dialog-overlay]~[data-radix-select-content],.modal-container [data-radix-select-content],[data-radix-select-content],[data-radix-popper-content],[data-radix-dropdown-content]{z-index:var(--z-modal-dropdown)!important}body [data-radix-select-content],body [data-radix-dropdown-menu-content]{z-index:var(--z-modal-dropdown)!important}@media (max-width: 768px){.glass-side-panel{width:280px}}@media (max-width: 480px){.glass-side-panel{width:100vw;border-left:none}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.max-w-6xl.mx-auto.px-4.pt-16.pb-20.md\:pb-16,.max-w-6xl.mx-auto.px-4.md\:px-6.pt-20.pb-32,.max-w-6xl.mx-auto.px-4,.max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8,.max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8.py-8.pb-24.md\:pb-8,.flex.justify-between.items-center.h-16{pointer-events:none}.max-w-6xl.mx-auto.px-4.pt-16.pb-20.md\:pb-16 *,.max-w-6xl.mx-auto.px-4.md\:px-6.pt-20.pb-32 *,.max-w-6xl.mx-auto.px-4 *,.max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8 *,.max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8.py-8.pb-24.md\:pb-8 *,.flex.justify-between.items-center.h-16 *{pointer-events:auto}.embla{position:relative;background:transparent;will-change:transform;contain:layout style paint}.embla--match-carousel{--slide-size: 320px;--slide-height: 580px;--slide-spacing: 24px}.embla__slide--match-card{flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing)}.embla__viewport{overflow:hidden;will-change:transform;backface-visibility:hidden;perspective:1000px}.embla__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1);transform:translateZ(0);will-change:transform}.embla__slide{flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing);position:relative;transform:translateZ(0);will-change:transform}.embla__slide__inner{position:relative;overflow:hidden;height:var(--slide-height);transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;transition:transform .2s cubic-bezier(.25,.1,.25,1),opacity .2s cubic-bezier(.25,.1,.25,1)}.embla__slide__inner--small{--slide-size: 280px;--slide-height: 400px;--slide-spacing: 12px}.embla__slide__inner--medium{--slide-size: 320px;--slide-height: 450px;--slide-spacing: 16px}.embla__slide__inner--large{--slide-size: 360px;--slide-height: 500px;--slide-spacing: 20px}.embla.is-wheel-dragging .embla__slide__inner{transition-duration:.1s;cursor:grabbing}.embla__slide:hover .embla__slide__inner{transform:translate3d(0,-2px,0) scale(1.02)}.embla__slide:focus-within .embla__slide__inner{transform:translate3d(0,-3px,0) scale(1.03);box-shadow:0 8px 25px #00000026}@media (max-width: 768px){.embla__container{touch-action:pan-x}.embla__slide__inner{transition-duration:.15s}@media (hover: none){.embla__slide:hover .embla__slide__inner{transform:translateZ(0) scale(1)}}}@media (min-resolution: 120dpi){.embla__slide__inner{transition-timing-function:cubic-bezier(.23,1,.32,1)}}@media (prefers-reduced-motion: reduce){.embla__slide__inner{transition-duration:.05s;transform:translateZ(0)!important}.embla__slide:hover .embla__slide__inner,.embla__slide:focus-within .embla__slide__inner{transform:translateZ(0)!important}}@media (prefers-color-scheme: dark){.embla__slide:focus-within .embla__slide__inner{box-shadow:0 8px 25px #ffffff1a}}.match-carousel-3d{position:relative;width:100%;height:600px;overflow:hidden;transform:translateZ(0);will-change:transform;contain:layout style paint;perspective:1200px;perspective-origin:center center}.match-carousel-3d__background{position:absolute;inset:0;background:linear-gradient(135deg,#38bdf81a,#8b5cf61a,#ec48991a 70%,#f973161a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@media (prefers-color-scheme: dark){.match-carousel-3d__background{background:linear-gradient(135deg,#1e293bcc,#334155cc,#475569cc 70%,#64748bcc)}}.match-carousel-3d__scene{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transform:translateZ(0);will-change:transform}.match-carousel-3d__card{position:absolute;width:320px;height:520px;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity;cursor:pointer;transition:filter .3s cubic-bezier(.4,0,.2,1)}.match-carousel-3d__card-wrapper{width:100%;height:100%;border-radius:1.5rem;overflow:hidden;position:relative;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,0 2px 16px #0000000d,inset 0 1px #ffffff4d;transform:translateZ(0);will-change:transform}@media (prefers-color-scheme: dark){.match-carousel-3d__card-wrapper{background:#1e293be6;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d,0 2px 16px #00000026,inset 0 1px #ffffff1a}}.match-carousel-3d__card--center .match-carousel-3d__card-wrapper{box-shadow:0 0 0 2px #5eead44d,0 0 20px #5eead433,0 8px 32px #00000026,0 2px 16px #0000000d;filter:brightness(1.1) contrast(1.05)}.match-carousel-3d__card--side .match-carousel-3d__card-wrapper{filter:brightness(.8) contrast(.9) blur(1px)}.match-carousel-3d__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000001a;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);transform:translate3d(0,-50%,0);will-change:transform}.match-carousel-3d__nav--left{left:16px}.match-carousel-3d__nav--right{right:16px}.match-carousel-3d__nav:hover{transform:translate3d(0,-50%,0) scale(1.1);box-shadow:0 6px 20px #00000026}.match-carousel-3d__nav:active{transform:translate3d(0,-50%,0) scale(.95)}@media (prefers-color-scheme: dark){.match-carousel-3d__nav{background:#1e293be6;border-color:#ffffff1a;color:#fff}}.match-carousel-3d__nav:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.match-carousel-3d__indicators{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:8px;padding:8px 16px;border-radius:24px;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.match-carousel-3d__indicator{width:8px;height:8px;border-radius:4px;background:#64748b80;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);will-change:transform}.match-carousel-3d__indicator--active{width:24px;background:#5eead4;box-shadow:0 0 12px #5eead466}.match-carousel-3d__indicator:hover{transform:translateZ(0) scale(1.2)}@media (prefers-color-scheme: dark){.match-carousel-3d__indicators{background:#1e293bcc;border-color:#ffffff1a}.match-carousel-3d__indicator{background:#ffffff4d}}.match-carousel-3d__profile-info{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:20;padding:8px 16px;border-radius:20px;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:500;text-align:center;box-shadow:0 4px 12px #0000001a;transform:translate3d(-50%,0,0);will-change:transform}@media (prefers-color-scheme: dark){.match-carousel-3d__profile-info{background:#1e293be6;color:#fff;border-color:#ffffff1a}}.match-carousel-3d__swipe-hint{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:20;font-size:12px;opacity:.5;text-align:center;color:#64748b;display:block}@media (min-width: 768px){.match-carousel-3d__swipe-hint{display:none}}@media (prefers-color-scheme: dark){.match-carousel-3d__swipe-hint{color:#cbd5e1}}.match-carousel-3d__card,.match-carousel-3d__card-wrapper,.match-carousel-3d__nav,.match-carousel-3d__indicator{transform:translateZ(0);will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.match-carousel-3d__card,.match-carousel-3d__card-wrapper,.match-carousel-3d__nav,.match-carousel-3d__indicator{transition-duration:.1s!important}.match-carousel-3d__card{filter:none!important;transform:translateZ(0)!important}}@media (min-resolution: 120dpi){.match-carousel-3d__card,.match-carousel-3d__nav{transition-timing-function:cubic-bezier(.23,1,.32,1)}}@media (hover: none){.match-carousel-3d__nav:hover{transform:translate3d(0,-50%,0) scale(1)}.match-carousel-3d__indicator:hover{transform:translateZ(0) scale(1)}}.match-carousel-3d__card-content{width:100%;height:100%;position:relative;border-radius:inherit;overflow:hidden}
