@font-face{font-family:Unbounded;src:url(/assets/Unbounded-Bold-BVp_AAdg.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Mont;src:url(/assets/Mont-SemiBold-CICfupYJ.ttf) format("truetype");font-weight:600;font-display:swap;font-style:normal}:root{--spacing-xs: clamp(4px, 1vw, 8px);--spacing-sm: clamp(8px, 2vw, 12px);--spacing-md: clamp(12px, 3vw, 16px);--spacing-lg: clamp(16px, 4vw, 24px);--spacing-xl: clamp(24px, 6vw, 32px);--text-xs: clamp(12px, 3vw, 14px);--text-sm: clamp(14px, 3.5vw, 16px);--text-md: clamp(16px, 4vw, 18px);--text-lg: clamp(18px, 4.5vw, 22px);--text-xl: clamp(22px, 5.5vw, 28px);--text-2xl: clamp(28px, 7vw, 36px);--radius-sm: clamp(8px, 2vw, 12px);--radius-md: clamp(12px, 3vw, 16px);--radius-lg: clamp(16px, 4vw, 24px);--radius-xl: clamp(24px, 6vw, 32px);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--primary-blue: #1286C9;--primary-light: #00BFFF;--gradient-primary: linear-gradient(135deg, #00BFFF 0%, #1286C9 100%);--z-header: 100;--z-modal: 200;--z-tooltip: 300}:root{--vh: 1vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth;touch-action:manipulation}body{margin:0;padding:0;font-family:Mont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-weight:600;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#root{height:100vh;height:100dvh;overflow:hidden;position:relative}.App{height:100vh;height:100dvh;background-color:#fff;overflow:hidden;position:relative;width:100%;max-width:430px;margin:0 auto}*::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}*{scrollbar-width:none;-ms-overflow-style:none}button,input,textarea,select{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}button{border:none;background:none;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}*:focus{outline:none!important}button:focus,input:focus,textarea:focus,select:focus{outline:none!important}input[type=text],input[type=email],input[type=password],input[type=number],textarea{font-size:max(16px,1rem)}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none;max-width:100%;height:auto}.gpu-accelerated{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}@media (prefers-reduced-motion: no-preference){*{will-change:auto}.smooth-animation{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme: dark){:root{color-scheme:dark}}@media screen and (max-width: 375px){:root{--scale-factor: .9;--text-scale: .95}}@media screen and (min-width: 376px) and (max-width: 414px){:root{--scale-factor: 1;--text-scale: 1}}@media screen and (min-width: 415px) and (max-width: 768px){:root{--scale-factor: 1.05;--text-scale: 1.02}}@media screen and (min-width: 769px){:root{--scale-factor: 1.1;--text-scale: 1.05}.App{max-width:430px;box-shadow:0 0 50px #0000001a}}@media screen and (orientation: landscape) and (max-height: 500px){:root{--vh: 1vh;--spacing-lg: clamp(8px, 2vw, 16px);--spacing-xl: clamp(12px, 3vw, 20px)}body{height:100vh;height:100dvh}}@media screen and (min-width: 1200px){.App{margin:0 auto;position:relative}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){img,svg{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media all and (display-mode: standalone){body{-webkit-app-region:no-drag}.App{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}}.safe-area-top{padding-top:max(var(--spacing-lg),var(--safe-top))}.safe-area-bottom{padding-bottom:max(var(--spacing-lg),var(--safe-bottom))}.safe-area-left{padding-left:max(var(--spacing-md),var(--safe-left))}.safe-area-right{padding-right:max(var(--spacing-md),var(--safe-right))}.full-height{height:100vh;height:100dvh}.no-scroll{overflow:hidden;overscroll-behavior:none}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}@keyframes genderSelectPulse{0%{transform:scale(1);box-shadow:0 4px 15px #00bfff26}30%{transform:scale(1.08);box-shadow:0 8px 25px #00bfff66}60%{transform:scale(1.05);box-shadow:0 12px 35px #00bfff80}to{transform:scale(1.02);box-shadow:0 8px 25px #00bfff66}}@keyframes genderRipple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}@keyframes genderActivate{0%{transform:scale(1);background:#fff;color:#00bfff}50%{transform:scale(1.1);background:var(--gradient-primary);color:#fff}to{transform:scale(1.02);background:var(--gradient-primary);color:#fff}}@keyframes genderDeactivate{0%{transform:scale(1.02);background:var(--gradient-primary);color:#fff}50%{transform:scale(.95)}to{transform:scale(1);background:#fff;color:#00bfff}}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes buttonGlow{0%,to{box-shadow:0 8px 25px #00bfff66,0 0 0 1px #ffffff1a}50%{box-shadow:0 12px 35px #00bfff99,0 0 0 2px #fff3}}@keyframes photoSuccessAnimation{0%{transform:scale(1);background-color:#fafafa;border-color:#e0e0e0}25%{transform:scale(1.05);background-color:#f0fdf4;border-color:#22c55e}50%{transform:scale(1.08);box-shadow:0 15px 40px #22c55e66}75%{transform:scale(1.03)}to{transform:scale(1);background-color:#f0fdf4;border-color:#22c55e;box-shadow:0 8px 25px #22c55e40}}@keyframes photoZoomIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes successOverlayPulse{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes checkmarkBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3);opacity:1}75%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes silhouetteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.15}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.25}}@keyframes titleSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonActivate{0%{transform:scale(1);background:#e0e0e0}50%{transform:scale(1.05)}to{transform:scale(1);background:var(--gradient-primary)}}@keyframes buttonSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}button[data-gender]:not(:disabled){transition:all .3s cubic-bezier(.4,0,.2,1)}@media (hover: hover) and (pointer: fine){button[data-gender]:hover:not(:active){transform:scale(1.05)!important;box-shadow:0 6px 20px #00bfff4d!important}button[data-gender][data-active=true]:hover{transform:scale(1.08)!important;box-shadow:0 12px 35px #00bfff80!important}button[data-gender][data-active=false]:hover{background:linear-gradient(135deg,#f0fbff,#e6f7ff)!important;border-color:#40a9ff!important}button:not([disabled]):hover{transition:all .3s cubic-bezier(.4,0,.2,1)}}button[data-gender]:active{transform:scale(.98)!important;transition:all .1s ease}button[data-gender][data-active=true]{animation:buttonGlow 3s ease-in-out infinite}button:not([disabled]):active{transition:all .1s ease}@supports (-webkit-appearance: none){input,textarea,button{-webkit-appearance:none}}@media screen and (-webkit-min-device-pixel-ratio: 0){input[type=text],input[type=email],input[type=password]{background-clip:padding-box}}@supports not (height: 100dvh){body,#root,.App{height:100vh}}@supports not (env(safe-area-inset-top)){.safe-area-fallback{padding-top:20px;padding-bottom:20px}}
