@import"https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap";.auth-container,.auth-left,.auth-right,.auth-form,.form-group,.auth-tabs,.otp-page{--primary-color: #ff4d79;--primary-shade-100: #e6456d;--primary-shade-200: #cc3e61;--primary-shade-300: #b33655;--primary-shade-400: #992e49;--primary-shade-500: #80273d;--primary-shade-600: #661f30;--primary-shade-700: #4d1724;--primary-shade-800: #330f18;--primary-shade-900: #1a080c;--primary-tint-100: #ff5f86;--primary-tint-200: #ff7194;--primary-tint-300: #ff82a1;--primary-tint-400: #ff94af;--primary-tint-500: #ffa6bc;--primary-tint-600: #ffb8c9;--primary-tint-700: #ffcad7;--primary-tint-800: #ffdbe4;--primary-tint-900: #ffedf2;--bg-dark: #0a0a0a;--bg-dark-secondary: #151515;--bg-dark-tertiary: #1f1f1f;--bg-dark-quaternary: #2a2a2a;--bg-dark-accent: #141414;--text-primary: #ffffff;--text-secondary: #b8b8b8;--text-tertiary: #808080;--text-quaternary: #5a5a5a;--border-color: #262626;--border-color-light: #303030;--border-color-lighter: #3a3a3a;--border-accent: #ff4d7933;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .7);--shadow-inner: inset 0 2px 8px rgba(0, 0, 0, .4);--shadow-accent: 0 0 20px rgba(255, 77, 121, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-xxl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--font-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@keyframes rotateGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes pulse-border{0%,to{border-color:var(--border-color)}50%{border-color:#ff4d7980}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-secondary);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.auth-container{padding-top:140px;display:flex;flex-direction:column;min-height:100vh;width:100%;background:var(--bg-dark);animation:fadeIn .5s ease-out}.auth-left{display:none}.auth-right{flex:1;display:flex;flex-direction:column;width:100%;background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-dark-secondary) 100%);position:relative;overflow:hidden}.auth-right:before{content:"";position:absolute;top:-40%;right:-40%;width:80%;height:80%;background:radial-gradient(circle,rgba(255,77,121,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 20s ease-in-out infinite}.auth-right:after{content:"";position:absolute;bottom:-30%;left:-30%;width:60%;height:60%;background:radial-gradient(circle,rgba(255,77,121,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 25s ease-in-out infinite reverse}.auth-right-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;padding:20px 16px 40px;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-tabs{display:flex;gap:12px;margin-bottom:32px;animation:slideInDown .5s ease-out}.auth-tab{flex:1;padding:12px 16px;background:transparent;border:1.5px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-family:var(--font-secondary);font-size:14px;font-weight:600;letter-spacing:.3px;text-decoration:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;text-align:center}.auth-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);transition:transform var(--transition-slow)}.auth-tab:hover{border-color:#ff4d7966;background:#ff4d790d;color:var(--text-primary)}.auth-tab.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-color:var(--primary-color);color:var(--text-primary)}.auth-tab.active:before{animation:lightSweep 3s infinite}.auth-form{display:flex;flex-direction:column;gap:24px;animation:slideInUp .6s ease-out .2s backwards}.form-group{display:flex;flex-direction:column;gap:10px;animation:slideInUp .6s ease-out backwards}.form-group:nth-child(1){animation-delay:.3s}.form-group:nth-child(2){animation-delay:.4s}.form-group:nth-child(3){animation-delay:.5s}.form-label-row{display:flex;align-items:center;justify-content:space-between}.form-group label{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.2px;text-transform:uppercase;display:flex;align-items:center;gap:6px}.form-group label:before{content:"";width:4px;height:4px;background:var(--primary-color);border-radius:50%;animation:pulse 2s ease-in-out infinite}.form-input{width:100%;padding:14px 16px;background:linear-gradient(135deg,var(--bg-dark-tertiary) 0%,var(--bg-dark-quaternary) 100%);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-secondary);font-size:15px;letter-spacing:.2px;transition:all var(--transition-base);position:relative;z-index:1}.form-input::-moz-placeholder{color:var(--text-quaternary);font-weight:500}.form-input::placeholder{color:var(--text-quaternary);font-weight:500}.form-input:focus{outline:none;border-color:var(--primary-color);background:linear-gradient(135deg,#ff4d790d,#ff4d7908)}.form-input:hover:not(:focus){border-color:#ff4d794d}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);z-index:2}.password-toggle:hover{color:var(--primary-color);transform:translateY(-50%) scale(1.1)}.password-toggle svg{width:20px;height:20px}.forgot-password{font-size:13px;color:var(--text-tertiary);text-decoration:none;font-weight:600;transition:all var(--transition-base);position:relative}.forgot-password:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-color);transition:width var(--transition-base)}.forgot-password:hover{color:var(--primary-color)}.forgot-password:hover:after{width:100%}.auth-error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#ff4d791f,#ff4d7914);border:1.5px solid rgba(255,77,121,.4);border-radius:var(--radius-lg);color:var(--primary-tint-100);font-size:13px;font-weight:600;letter-spacing:.2px;animation:slideInUp .3s ease-out,shake .5s ease-out;position:relative}.auth-error:before{content:"";flex-shrink:0;width:4px;height:4px;background:var(--primary-color);border-radius:50%;margin-top:4px;animation:pulse 2s ease-in-out infinite}.auth-terms{margin:0;font-size:12px;color:var(--text-tertiary);line-height:1.6;letter-spacing:.2px;text-align:center}.auth-terms a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:all var(--transition-base);position:relative}.auth-terms a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--primary-color);opacity:0;transition:opacity var(--transition-base)}.auth-terms a:hover{color:var(--primary-tint-100)}.auth-terms a:hover:after{opacity:1}.auth-submit{width:100%;padding:14px 20px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);color:var(--text-primary);border:none;border-radius:var(--radius-lg);font-family:var(--font-secondary);font-size:15px;font-weight:700;letter-spacing:-.3px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;animation:slideInUp .6s ease-out .6s backwards}.auth-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:lightSweep 3s infinite}.auth-submit:hover:not(:disabled){transform:translateY(-3px);background:linear-gradient(135deg,var(--primary-tint-100) 0%,var(--primary-color) 100%)}.auth-submit:active:not(:disabled){transform:translateY(-1px)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-signup-prompt{margin:0;text-align:center;font-size:13px;color:var(--text-secondary);letter-spacing:.2px;animation:slideInUp .6s ease-out .7s backwards}.auth-signup-prompt a{color:var(--primary-color);text-decoration:none;font-weight:700;transition:all var(--transition-base);position:relative;display:inline}.auth-signup-prompt a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--primary-color);opacity:0;transition:opacity var(--transition-base)}.auth-signup-prompt a:hover{color:var(--primary-tint-100)}.auth-signup-prompt a:hover:after{opacity:1}.otp-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-dark);padding:20px 16px;animation:fadeIn .5s ease-out;position:relative;overflow:hidden}.otp-page:before{content:"";position:absolute;top:-40%;right:-40%;width:80%;height:80%;background:radial-gradient(circle,rgba(255,77,121,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 20s ease-in-out infinite}.otp-page:after{content:"";position:absolute;bottom:-30%;left:-30%;width:60%;height:60%;background:radial-gradient(circle,rgba(255,77,121,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 25s ease-in-out infinite reverse}.otp-card{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:420px;margin:0 auto;padding:32px 20px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:1.5px solid var(--border-color);border-radius:var(--radius-xxl);animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}.otp-card h2{margin:0 0 12px;font-family:var(--font-primary);font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;text-align:center;animation:slideInDown .5s ease-out}.otp-subtitle{margin:0 0 28px;font-size:14px;color:var(--text-secondary);text-align:center;line-height:1.6;letter-spacing:.2px;animation:slideInDown .5s ease-out .1s backwards}.otp-subtitle b{color:var(--primary-color);font-weight:700}.otp-card input{width:100%;padding:14px 16px;margin-bottom:16px;background:linear-gradient(135deg,var(--bg-dark-tertiary) 0%,var(--bg-dark-quaternary) 100%);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-secondary);font-size:15px;letter-spacing:.2px;transition:all var(--transition-base);animation:slideInUp .5s ease-out backwards}.otp-card input:nth-of-type(1){animation-delay:.2s}.otp-card input:nth-of-type(2){animation-delay:.3s}.otp-card input::-moz-placeholder{color:var(--text-quaternary);font-weight:500}.otp-card input::placeholder{color:var(--text-quaternary);font-weight:500}.otp-card input:focus{outline:none;border-color:var(--primary-color);background:linear-gradient(135deg,#ff4d790d,#ff4d7908)}.otp-card input:hover:not(:focus){border-color:#ff4d794d}.otp-error{margin:12px 0;padding:12px 14px;background:linear-gradient(135deg,#ff4d791f,#ff4d7914);border:1.5px solid rgba(255,77,121,.4);border-radius:var(--radius-lg);color:var(--primary-tint-100);font-size:13px;font-weight:600;text-align:center;letter-spacing:.2px;animation:slideInUp .3s ease-out,shake .5s ease-out}.otp-card button{width:100%;padding:14px 20px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);color:var(--text-primary);border:none;border-radius:var(--radius-lg);font-family:var(--font-secondary);font-size:15px;font-weight:700;letter-spacing:-.3px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;margin-top:12px;animation:slideInUp .5s ease-out .4s backwards}.otp-card button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:lightSweep 3s infinite}.otp-card button:hover:not(:disabled){transform:translateY(-3px);background:linear-gradient(135deg,var(--primary-tint-100) 0%,var(--primary-color) 100%)}.otp-card button:active:not(:disabled){transform:translateY(-1px)}.otp-card button:disabled{opacity:.7;cursor:not-allowed}.auth-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;animation:slideInLeft .5s ease-out}.auth-section-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:50%;color:var(--text-primary);font-size:18px}.auth-section-title{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.auth-section-description{margin:0;font-size:13px;color:var(--text-secondary);font-weight:500;letter-spacing:.1px}@media(min-width:640px){.auth-right-content{padding:24px 24px 48px}.form-input,.otp-card input{font-size:16px;padding:15px 18px}.auth-submit,.otp-card button{font-size:16px;padding:15px 24px}.otp-card{padding:40px 28px;border-radius:var(--radius-xxl)}.otp-card h2{font-size:28px}.auth-tabs{gap:16px}.auth-tab{padding:14px 20px;font-size:15px}}@media(min-width:768px){.auth-container{flex-direction:row}.auth-left{display:flex;flex:1;flex-direction:column;padding:40px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);position:relative;overflow:hidden;align-items:center;justify-content:center;border-right:1.5px solid var(--border-color);animation:slideInLeft .5s ease-out}.auth-left:before{content:"";position:absolute;top:-40%;left:-40%;width:80%;height:80%;background:radial-gradient(circle,rgba(255,77,121,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 20s ease-in-out infinite}.auth-left:after{content:"";position:absolute;bottom:-30%;right:-30%;width:60%;height:60%;background:radial-gradient(circle,rgba(255,77,121,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 25s ease-in-out infinite reverse}.auth-left-content{position:relative;z-index:2;text-align:center;max-width:400px}.auth-left-content h1{font-family:var(--font-primary);font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:24px;letter-spacing:-.5px;line-height:1.3;animation:slideInUp .6s ease-out;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-logo{font-family:var(--font-primary);font-size:32px;font-weight:700;color:var(--primary-color);letter-spacing:-.5px;animation:slideInUp .6s ease-out .2s backwards}.auth-right{flex:1}.auth-right-content{max-width:480px;margin:0 auto;padding:40px 32px}.form-group label{font-size:15px}.auth-tabs{margin-bottom:40px}.auth-form{gap:28px}}@media(min-width:1024px){.auth-left-content h1{font-size:42px}.auth-logo{font-size:36px}.auth-right-content{max-width:520px;padding:48px 40px}.form-input,.otp-card input{font-size:16px}}.auth-right-content::-webkit-scrollbar{width:6px}.auth-right-content::-webkit-scrollbar-track{background:transparent}.auth-right-content::-webkit-scrollbar-thumb{background:#ff4d794d;border-radius:var(--radius-full);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}.auth-right-content::-webkit-scrollbar-thumb:hover{background:#ff4d7980}.auth-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button:focus-visible{outline-offset:-2px}input:focus-visible{outline-offset:2px}@media(prefers-color-scheme:dark){.auth-container{color-scheme:dark}.form-input::-moz-placeholder,.otp-card input::-moz-placeholder{color:var(--text-quaternary)}.form-input::placeholder,.otp-card input::placeholder{color:var(--text-quaternary)}}.otp-input{width:100%;padding:14px 16px!important;margin-bottom:16px!important;background:linear-gradient(135deg,var(--bg-dark-tertiary) 0%,var(--bg-dark-quaternary) 100%)!important;border:1.5px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;color:var(--text-primary)!important;font-family:var(--font-secondary)!important;font-size:15px!important;letter-spacing:.2px!important;transition:all var(--transition-base)!important;animation:slideInUp .5s ease-out backwards!important}.otp-input::-moz-placeholder{color:var(--text-quaternary)!important;font-weight:500!important}.otp-input::placeholder{color:var(--text-quaternary)!important;font-weight:500!important}.otp-input:focus{outline:none!important;border-color:var(--primary-color)!important;background:linear-gradient(135deg,#ff4d790d,#ff4d7908)!important}.otp-input:hover:not(:focus){border-color:#ff4d794d!important}.otp-input:disabled{opacity:.6!important;cursor:not-allowed!important}.otp-card-title{margin:0;font-family:var(--font-primary);font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.form-helper-text{margin:6px 0 0;font-size:12px;font-weight:600;letter-spacing:.2px;animation:slideInUp .3s ease-out}.step-progress{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);transition:all var(--transition-base)}.step-dot.active{background:var(--primary-color);animation:pulse 2s ease-in-out infinite}.step-dot.completed{background:var(--primary-color)}.auth-back-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:1.5px solid var(--primary-color);border-radius:var(--radius-lg);color:var(--primary-color);font-family:var(--font-secondary);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.auth-back-button:hover{background:#ff4d791a;transform:translate(-3px)}.auth-back-button:active{transform:translate(-1px)}.auth-back-button:disabled{opacity:.5;cursor:not-allowed}.auth-button-group{display:flex;gap:12px;flex-direction:column;margin-top:20px}.auth-button-group button{flex:1}@media(min-width:480px){.auth-button-group{flex-direction:row}}.auth-submit.loading,.otp-card button.loading{position:relative;color:transparent}.auth-submit.loading:after,.otp-card button.loading:after{content:"";position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.form-input:focus-visible,.otp-input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.auth-tab:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.auth-submit:focus-visible,.otp-card button:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:-2px}@media(max-height:600px){.auth-right-content{padding:16px 16px 32px}.auth-form{gap:16px}.form-group{gap:8px}.auth-tabs{margin-bottom:20px}}@media(min-width:1200px){.auth-left-content h1{font-size:48px}.auth-logo{font-size:40px}.auth-right-content{max-width:560px;padding:56px 48px}.otp-card{max-width:500px;padding:48px 32px}.form-group label{font-size:16px}.form-input,.otp-input{font-size:16px;padding:16px 18px}.auth-submit,.otp-card button{font-size:16px;padding:16px 28px}}@media print{.auth-container,.otp-page{display:none}}@media(prefers-contrast:more){.form-input,.otp-input{border-width:2px}.auth-submit,.otp-card button{border:2px solid var(--text-primary)}.auth-error{border-width:2px}}@supports (padding: max(0px)){.auth-right-content{padding-bottom:max(40px,env(safe-area-inset-bottom))}.auth-submit,.otp-card button{margin-bottom:max(0px,env(safe-area-inset-bottom))}}.header-container{position:fixed;top:0;left:0;width:100%;background-color:#000;padding:20px;z-index:1000}.header-title{position:relative;font-family:Fredoka One,cursive;color:#fff;font-size:28px;margin:0;z-index:2}.header-container:after{content:"";position:absolute;top:0;left:-50%;width:120%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.2) 40%,rgba(255,255,255,.05) 60%,transparent 100%);transform:skew(-20deg);animation:shineLine 2.5s linear infinite;pointer-events:none;z-index:1;filter:blur(1.5px)}.dashboard-nav{position:fixed;bottom:0;width:100%;height:65px;background:#111;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #222;z-index:1000}.nav-item{color:#888;display:flex;align-items:center;justify-content:center;flex:1;text-decoration:none;position:relative;transition:color .3s;height:100%;overflow:hidden}.nav-item i{font-size:28px;transition:transform .3s}.nav-item.active{color:#fff}.nav-item.active i{position:relative;z-index:2}.dashboard-nav:after{content:"";position:absolute;top:0;left:-50%;width:120%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.2) 40%,rgba(255,255,255,.05) 60%,transparent 100%);transform:skew(-20deg);animation:shineLine 2.5s linear infinite;pointer-events:none;z-index:1;filter:blur(1.5px)}@keyframes shineLine{0%{left:-80%}to{left:100%}}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:relative}.instruction-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .5s ease-in}.instruction-content{text-align:center;color:#fff}.swipe-instructions{display:flex;justify-content:space-around;margin:40px 0;gap:40px}.swipe-demo{display:flex;flex-direction:column;align-items:center;gap:15px}.swipe-arrow{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;animation:bounce 2s infinite}.left-arrow{animation-delay:0s}.right-arrow{animation-delay:1s}.swipe-demo span{font-size:25px;font-weight:500;font-family:Montserrat}.instruction-subtitle{font-size:18px;opacity:.8;margin-top:20px;animation:pulse 2s infinite}.arrow-group{display:flex;gap:8px}.arrow-group i{font-size:100px;font-weight:700;opacity:.2;animation:fadeMove 1.5s infinite;-webkit-text-stroke:10px currentColor}.arrow-group i:nth-child(1){animation-delay:0s}.arrow-group i:nth-child(2){animation-delay:.3s}.arrow-group i:nth-child(3){animation-delay:.6s}.arrow-group.left i,.arrow-group.right i{transform:translate(0)}@keyframes fadeMove{0%{opacity:.2;transform:translate(0)}50%{opacity:1;transform:translate(10px)}to{opacity:.2;transform:translate(20px)}}.arrow-group.left i{animation-name:fadeMoveLeft}@keyframes fadeMoveLeft{0%{opacity:.2;transform:translate(0)}50%{opacity:1;transform:translate(-10px)}to{opacity:.2;transform:translate(-20px)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.profile-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.profile-card{top:6%;width:100%;height:87%;text-align:center;position:fixed;cursor:grab;transition:transform .3s ease-out,opacity .3s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.profile-card:active{cursor:grabbing}.profile-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.more-btn-container{display:flex;justify-content:center;margin-top:10px}.btn-more{font-family:Montserrat;position:absolute;bottom:15px;left:50%;transform:translate(-50%);padding:10px 24px;border-radius:30px;border:1px solid rgba(255,255,255,.2);background:#14141499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:14px;letter-spacing:.5px;cursor:pointer;overflow:hidden;transition:all .3s ease}.btn-more:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:120%}}.btn-more:hover{background:#ffffff1a;transform:translate(-50%) scale(1.05);box-shadow:0 0 12px #fff3}.bottom-sheet-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:flex-end;z-index:999}.bottom-sheet{font-family:Montserrat;color:#fff;width:100%;max-height:80%;background:#111;border-radius:20px 20px 0 0;padding:20px;animation:slideUp .3s ease;overflow-y:auto}.sheet-handle{width:40px;height:4px;background:#666;border-radius:10px;margin:0 auto 10px}.sheet-section{margin-top:10px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.username-container{position:absolute;bottom:30px;left:20px;right:20px;display:flex;justify-content:center;pointer-events:none}.username-badge{display:flex;align-items:center;gap:12px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:25px;border:2px solid rgba(255,255,255,.2);animation:slideUp .6s ease-out}.username-icon{width:32px;height:32px;background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;animation:rotate 3s linear infinite}.username-text{color:#fff;font-size:20px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px}.username-verified{color:#1da1f2;font-size:18px;font-weight:700;text-shadow:0 0 10px rgba(29,161,242,.5);animation:glow 2s ease-in-out infinite alternate}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%{text-shadow:0 0 10px rgba(29,161,242,.5)}to{text-shadow:0 0 20px rgba(29,161,242,.8),0 0 30px rgba(29,161,242,.6)}}.like-notification{position:absolute;bottom:100px;left:0;right:0;text-align:center;z-index:10}.like-message{color:#fff;font-weight:700;font-size:24px;text-shadow:0 0 8px #000;margin:0;animation:heartBeat 1s ease-in-out infinite}.swipe-instruction{color:#fff;font-size:16px;text-shadow:0 0 8px #000;margin:10px 0 0;opacity:.9;animation:fadeInOut 2s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1);text-shadow:0 0 8px #000,0 0 15px #ff4da6}50%{transform:scale(1.1);text-shadow:0 0 8px #000,0 0 25px #ff66cc,0 0 35px #ff4da6}}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.loading-screen{background:#121212;display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;color:#fff}.loading-screen p{font-size:18px;font-weight:500;animation:pulse 1.5s ease-in-out infinite}.shiver-box{width:220px;height:400px;background:linear-gradient(90deg,#333 25%,#555,#333 75%);background-size:400% 100%;animation:shimmer 1.5s infinite;border-radius:20px;margin-bottom:15px}.shiver-box.small{width:100%;height:100%;border-radius:20px}.image-loader{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:768px){.instruction-title{font-size:24px}.swipe-instructions{flex-direction:column;gap:20px}.swipe-arrow{width:50px;height:50px;font-size:20px}.username-badge{padding:10px 16px;gap:10px}.username-text{font-size:18px}.username-icon{width:28px;height:28px;font-size:14px}.like-message{font-size:20px}.swipe-instruction{font-size:14px}}@media(max-width:480px){.username-badge{padding:8px 12px;gap:8px}.username-text{font-size:16px}}.feed-container{display:flex;flex-direction:column;height:100vh;position:relative}.scrollable-content{flex:1;padding-bottom:60px}.dashboard{position:fixed;bottom:0;width:100%;background:#fff;display:flex;justify-content:space-around;padding:10px 0;box-shadow:0 -2px 10px #0000001a}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Onboarding{--primary-color: #ff4d79;--primary-shade-100: #e6456d;--primary-shade-200: #cc3e61;--primary-shade-300: #b33655;--primary-shade-400: #992e49;--primary-shade-500: #80273d;--primary-shade-600: #661f30;--primary-shade-700: #4d1724;--primary-shade-800: #330f18;--primary-shade-900: #1a080c;--primary-tint-100: #ff5f86;--primary-tint-200: #ff7194;--primary-tint-300: #ff82a1;--primary-tint-400: #ff94af;--primary-tint-500: #ffa6bc;--primary-tint-600: #ffb8c9;--primary-tint-700: #ffcad7;--primary-tint-800: #ffdbe4;--primary-tint-900: #ffedf2;--bg-dark: #0f0f0f;--bg-dark-secondary: #1a1a1a;--bg-dark-tertiary: #242424;--bg-dark-quaternary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--border-color: #2a2a2a;--border-color-light: #333333;--border-color-lighter: #3a3a3a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 8px rgba(0, 0, 0, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--font-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-error: #ef4444;--color-error-light: #fee2e2;--color-success: #22c55e;--color-success-light: #dcfce7;--color-warning: #f59e0b;--color-info: #3b82f6}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInRightDelay{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.Onboarding{width:100%;min-height:100vh;background:var(--bg-dark);color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-secondary);font-size:16px;line-height:1.6;overflow-x:hidden;padding:0;margin:0;box-sizing:border-box}.Onboarding *{box-sizing:border-box}.Onboarding__header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#0f0f0ffa,#0f0f0fe6);border-bottom:1px solid var(--border-color);padding:16px 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:slideInDown .5s ease-out}.Onboarding__header-content{display:flex;flex-direction:column;gap:12px;max-width:600px;margin:0 auto;width:100%;padding:0 16px}.Onboarding__progress-bar{width:100%;height:6px;background:var(--bg-dark-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative;box-shadow:var(--shadow-inner)}.Onboarding__progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-tint-100) 100%);border-radius:var(--radius-full);transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px #ff4d7999;animation:lightSweep 2s infinite;background-size:200% auto}.Onboarding__step-counter{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase}.Onboarding__success-banner{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-lg);padding:16px;margin:16px 16px 0;animation:slideInDown .4s ease-out}.Onboarding__success-content{display:flex;align-items:center;gap:12px;color:var(--color-success)}.Onboarding__success-icon{font-size:20px;flex-shrink:0;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.Onboarding__form{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:24px}.Onboarding__form::-webkit-scrollbar{width:6px}.Onboarding__form::-webkit-scrollbar-track{background:var(--bg-dark)}.Onboarding__form::-webkit-scrollbar-thumb{background:var(--border-color-lighter);border-radius:var(--radius-full)}.Onboarding__form::-webkit-scrollbar-thumb:hover{background:var(--border-color-light)}.Onboarding__container{max-width:600px;margin:0 auto;width:100%;padding:24px 16px;display:flex;flex-direction:column;gap:24px}.Onboarding__section-header{display:flex;align-items:flex-start;gap:16px;animation:slideInUp .5s ease-out}.Onboarding__section-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:var(--radius-lg);flex-shrink:0;box-shadow:0 8px 24px #ff4d794d;animation:popIn .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.Onboarding__section-icon-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);animation:gloss 3s ease-in-out infinite;border-radius:var(--radius-lg)}.Onboarding__section-icon{font-size:28px;color:var(--text-primary);animation:float 3s ease-in-out infinite;position:relative;z-index:1}.Onboarding__section-titles{flex:1;display:flex;flex-direction:column;gap:8px}.Onboarding__title{margin:0;font-size:32px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary);font-family:var(--font-primary);line-height:1.2;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 3s infinite;background-size:200% auto}.Onboarding__subtitle{margin:0;font-size:16px;color:var(--text-secondary);font-weight:500;letter-spacing:-.2px;font-family:var(--font-secondary)}.Onboarding__description{margin:0;font-size:13px;color:var(--text-tertiary);font-weight:500;letter-spacing:.3px;text-transform:uppercase}.Onboarding__error-banner{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1.5px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:14px;animation:slideInDown .3s ease-out}.Onboarding__error-icon{color:var(--color-error);font-size:20px;flex-shrink:0;margin-top:2px}.Onboarding__error-content{flex:1}.Onboarding__error-title{margin:0;font-size:14px;font-weight:700;color:var(--color-error)}.Onboarding__error-message{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.Onboarding__info-banner{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1.5px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);padding:14px;animation:slideInUp .3s ease-out}.Onboarding__info-icon{color:var(--color-info);font-size:18px;flex-shrink:0;margin-top:2px}.Onboarding__info-text{flex:1}.Onboarding__info-text p{margin:0;font-size:13px;color:var(--text-secondary);font-weight:500}.Onboarding__section{display:none;flex-direction:column;gap:20px;animation:fadeInScale .4s ease-out}.Onboarding__section--active{display:flex}.Onboarding__field-group{display:flex;flex-direction:column;gap:10px;animation:slideInUp .4s ease-out}.Onboarding__field-group:nth-child(2){animation-delay:.1s}.Onboarding__field-group:nth-child(3){animation-delay:.2s}.Onboarding__field-group:nth-child(4){animation-delay:.3s}.Onboarding__field-group:nth-child(5){animation-delay:.4s}.Onboarding__label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px;font-family:var(--font-primary)}.Onboarding__label-text{display:flex;align-items:center;gap:8px}.Onboarding__label-text svg{color:var(--primary-color);font-size:16px}.Onboarding__required{color:var(--color-error);font-weight:800}.Onboarding__input-wrapper{position:relative;display:flex;align-items:center}.Onboarding__input{width:100%;padding:14px 16px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:15px;font-weight:500;font-family:var(--font-secondary);transition:all var(--transition-base);outline:none;box-shadow:var(--shadow-inner);position:relative;overflow:hidden}.Onboarding__input:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,77,121,.05),transparent);animation:lightSweep 3s infinite;background-size:200% auto;pointer-events:none}.Onboarding__input::-moz-placeholder{color:var(--text-tertiary)}.Onboarding__input::placeholder{color:var(--text-tertiary)}.Onboarding__input:focus{border-color:var(--primary-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-dark-secondary) 92%,var(--primary-color)),color-mix(in srgb,var(--bg-dark-tertiary) 92%,var(--primary-color)));box-shadow:0 8px 24px #ff4d7933,var(--shadow-inner)}.Onboarding__input:disabled{opacity:.5;cursor:not-allowed}.Onboarding__input--error{border-color:var(--color-error);background:linear-gradient(135deg,#ef444414,#ef44440d)}.Onboarding__input--error:focus{box-shadow:0 8px 24px #ef444433,var(--shadow-inner)}.Onboarding__check-icon{position:absolute;right:14px;color:var(--color-success);font-size:18px;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}.Onboarding__textarea{width:100%;padding:14px 16px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:15px;font-weight:500;font-family:var(--font-secondary);transition:all var(--transition-base);outline:none;box-shadow:var(--shadow-inner);resize:vertical;min-height:120px;max-height:300px;line-height:1.6}.Onboarding__textarea::-moz-placeholder{color:var(--text-tertiary)}.Onboarding__textarea::placeholder{color:var(--text-tertiary)}.Onboarding__textarea:focus{border-color:var(--primary-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-dark-secondary) 92%,var(--primary-color)),color-mix(in srgb,var(--bg-dark-tertiary) 92%,var(--primary-color)));box-shadow:0 8px 24px #ff4d7933,var(--shadow-inner)}.Onboarding__textarea--error{border-color:var(--color-error);background:linear-gradient(135deg,#ef444414,#ef44440d)}.Onboarding__textarea--error:focus{box-shadow:0 8px 24px #ef444433,var(--shadow-inner)}.Onboarding__helper-text{display:block;font-size:12px;color:var(--text-tertiary);font-weight:500;letter-spacing:.2px;margin-top:2px}.Onboarding__error-text{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-error);font-weight:600;animation:slideInDown .2s ease-out}.Onboarding__error-text:before{content:"";display:inline-block;width:4px;height:4px;background:var(--color-error);border-radius:50%}.Onboarding__select-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.Onboarding__select{width:100%;padding:14px 40px 14px 16px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:15px;font-weight:500;font-family:var(--font-secondary);cursor:pointer;transition:all var(--transition-base);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.Onboarding__select:focus{border-color:var(--primary-color);background-color:color-mix(in srgb,var(--bg-dark-secondary) 92%,var(--primary-color));box-shadow:0 8px 24px #ff4d7933}.Onboarding__select--error{border-color:var(--color-error);background-color:#ef444414}.Onboarding__select--error:focus{box-shadow:0 8px 24px #ef444433}.Onboarding__select option{background:var(--bg-dark-secondary);color:var(--text-primary)}.Onboarding__radio-group{display:flex;flex-direction:column;gap:12px;animation:slideInUp .4s ease-out}.Onboarding__radio-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.Onboarding__radio-option:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,77,121,.05),transparent);animation:lightSweep 3s infinite;background-size:200% auto;pointer-events:none}.Onboarding__radio-option:hover{border-color:var(--primary-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-dark-secondary) 95%,var(--primary-color)),color-mix(in srgb,var(--bg-dark-tertiary) 95%,var(--primary-color)))}.Onboarding__radio-input{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color);flex-shrink:0}.Onboarding__radio-label{font-size:15px;font-weight:600;color:var(--text-primary);cursor:pointer;flex:1}.Onboarding__radio-option:has(.Onboarding__radio-input:checked){border-color:var(--primary-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-dark-secondary) 85%,var(--primary-color)),color-mix(in srgb,var(--bg-dark-tertiary) 85%,var(--primary-color)));box-shadow:0 8px 24px #ff4d7933}.Onboarding__photo-section{display:flex;flex-direction:column;gap:16px}.Onboarding__photo-upload{display:flex;align-items:center;justify-content:center;padding:48px 16px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;min-height:300px}.Onboarding__photo-upload:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,77,121,.03),transparent);animation:lightSweep 3s infinite;background-size:200% auto;pointer-events:none}.Onboarding__photo-upload:hover{border-color:var(--primary-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-dark-secondary) 95%,var(--primary-color)),color-mix(in srgb,var(--bg-dark-tertiary) 95%,var(--primary-color)))}.Onboarding__photo-upload-content{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1;text-align:center;animation:slideInUp .4s ease-out}.Onboarding__camera-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--primary-color);animation:float 3s ease-in-out infinite}.Onboarding__photo-upload-title{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.Onboarding__photo-upload-subtitle{margin:0;font-size:14px;color:var(--text-secondary);font-weight:500}.Onboarding__file-input{display:none}.Onboarding__photo-preview-container{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4 / 5;background:var(--bg-dark-secondary);animation:scaleIn .3s ease-out}.Onboarding__photo-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.Onboarding__photo-label-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-base);cursor:pointer;color:var(--text-primary);font-size:14px;font-weight:600}.Onboarding__photo-label-overlay svg{font-size:32px;color:var(--primary-color)}.Onboarding__photo-preview-container:hover .Onboarding__photo-label-overlay{opacity:1}.Onboarding__photo-guidelines{background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.Onboarding__guidelines-title{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.3px}.Onboarding__guidelines-list{margin:0;padding-left:20px;list-style:none}.Onboarding__guidelines-list li{font-size:13px;color:var(--text-secondary);margin-bottom:8px;position:relative;padding-left:8px}.Onboarding__guidelines-list li:last-child{margin-bottom:0}.Onboarding__guidelines-list li:before{content:"";position:absolute;left:-16px;top:8px;width:4px;height:4px;background:var(--primary-color);border-radius:50%}.Onboarding__navigation{display:flex;gap:12px;margin-top:24px;animation:slideInUp .5s ease-out .3s backwards}.Onboarding__button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:700;font-family:var(--font-secondary);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;letter-spacing:-.2px;min-height:56px}.Onboarding__button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:lightSweep 2s infinite;background-size:200% auto;pointer-events:none}.Onboarding__button:disabled{opacity:.6;cursor:not-allowed}.Onboarding__button--primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);color:var(--text-primary);box-shadow:0 8px 24px #ff4d794d;animation:popIn .4s ease-out}.Onboarding__button--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #ff4d7966}.Onboarding__button--primary:active:not(:disabled){transform:translateY(0)}.Onboarding__button--secondary{background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);color:var(--text-primary);border:1.5px solid var(--border-color);box-shadow:var(--shadow-sm);animation:slideInLeft .4s ease-out}.Onboarding__button--secondary:hover:not(:disabled){border-color:var(--primary-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-dark-secondary) 92%,var(--primary-color)),color-mix(in srgb,var(--bg-dark-tertiary) 92%,var(--primary-color)));color:var(--primary-color)}.Onboarding__button--secondary:active:not(:disabled){transform:translateY(0)}.Onboarding__button--submit{animation:popIn .4s ease-out}.Onboarding__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-primary);border-radius:50%;animation:spinSlow .8s linear infinite}@media(max-width:480px){.Onboarding{font-size:15px}.Onboarding__container{padding:20px 12px;gap:20px}.Onboarding__header-content{padding:0 12px}.Onboarding__title{font-size:28px}.Onboarding__subtitle{font-size:14px}.Onboarding__section-header{gap:12px}.Onboarding__section-icon-wrapper{width:48px;height:48px}.Onboarding__section-icon{font-size:24px}.Onboarding__label{font-size:13px}.Onboarding__input,.Onboarding__textarea,.Onboarding__select{font-size:14px;padding:12px 14px}.Onboarding__button{padding:14px 16px;font-size:14px;min-height:48px}.Onboarding__navigation{gap:10px}.Onboarding__field-group{gap:8px}.Onboarding__photo-upload{padding:40px 12px;min-height:250px}.Onboarding__photo-upload-title{font-size:16px}.Onboarding__radio-group{gap:10px}.Onboarding__radio-option{padding:10px 12px}}@media(max-width:360px){.Onboarding__container{padding:16px 8px}.Onboarding__title{font-size:24px}.Onboarding__subtitle{font-size:13px}.Onboarding__section-header{flex-direction:column;align-items:center;text-align:center}.Onboarding__button{padding:12px;font-size:13px}.Onboarding__input,.Onboarding__textarea,.Onboarding__select{font-size:13px}}@media(prefers-reduced-motion:reduce){.Onboarding,.Onboarding__header,.Onboarding__button,.Onboarding__input,.Onboarding__section,.Onboarding__field-group,*{animation:none!important;transition:none!important}}@media(prefers-color-scheme:dark){.Onboarding{background:var(--bg-dark)}}@media(hover:none)and (pointer:coarse){.Onboarding__button:hover{transform:none}.Onboarding__button:active{transform:translateY(-2px)}.Onboarding__radio-option:hover{border-color:var(--border-color);background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%)}.Onboarding__input:focus{border-color:var(--primary-color)}}.Onboarding__input:focus-visible,.Onboarding__textarea:focus-visible,.Onboarding__select:focus-visible,.Onboarding__button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(prefers-contrast:more){.Onboarding__input,.Onboarding__textarea,.Onboarding__select,.Onboarding__button{border-width:2px}.Onboarding__button--primary{box-shadow:0 0 0 2px var(--bg-dark),0 0 0 4px var(--primary-color)}}@media print{.Onboarding__header,.Onboarding__navigation{display:none}.Onboarding{background:#fff;color:#000}.Onboarding__input,.Onboarding__textarea,.Onboarding__button{border:1px solid black}}.filter-page-wrapper,.filter-component-wrapper,.filter-modal-overlay,.filter-results-container{--primary-color: #ff4d79;--primary-shade-100: #e6456d;--primary-shade-200: #cc3e61;--primary-shade-300: #b33655;--primary-shade-400: #992e49;--primary-shade-500: #80273d;--primary-shade-600: #661f30;--primary-shade-700: #4d1724;--primary-shade-800: #330f18;--primary-shade-900: #1a080c;--primary-tint-100: #ff5f86;--primary-tint-200: #ff7194;--primary-tint-300: #ff82a1;--primary-tint-400: #ff94af;--primary-tint-500: #ffa6bc;--primary-tint-600: #ffb8c9;--primary-tint-700: #ffcad7;--primary-tint-800: #ffdbe4;--primary-tint-900: #ffedf2;--bg-dark: #0f0f0f;--bg-dark-secondary: #1a1a1a;--bg-dark-tertiary: #242424;--bg-dark-quaternary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--border-color: #2a2a2a;--border-color-light: #333333;--border-color-lighter: #3a3a3a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 8px rgba(0, 0, 0, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--font-primary: "Poppins", sans-serif;--font-secondary: "Montserrat", sans-serif}.filter-page-wrapper{background:var(--bg-dark);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-secondary);font-size:16px;line-height:1.6;overflow:hidden;padding:0;margin:0}.filter-page-header{padding:24px 16px 20px;background:linear-gradient(180deg,#0f0f0fcc,#0f0f0f66);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;animation:slideInDown .5s ease-out}.filter-page-title-section{max-width:600px;margin:0 auto}.filter-page-main-title{margin:0 0 8px;font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 3s infinite;background-size:200% auto}.filter-header-icon{color:var(--primary-color);animation:float 3s ease-in-out infinite}.filter-page-subtitle{margin:0;font-size:14px;color:var(--text-secondary);font-weight:500;letter-spacing:.3px}.filter-cards-section{flex:1;overflow-y:auto;padding:16px 16px 120px}.filter-cards-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:600px;margin:0 auto;animation:fadeIn .4s ease-out}.filter-card-wrapper{animation:slideInUp .5s ease-out backwards}.filter-card-button{display:flex;align-items:center;width:100%;gap:12px;padding:16px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;text-align:left;font-family:inherit;min-height:88px}.filter-card-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left var(--transition-slow);pointer-events:none}.filter-card-button:active:before{left:100%}.filter-card-icon-container{position:relative;width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.filter-card-icon-bg{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,var(--filter-color) 0%,color-mix(in srgb,var(--filter-color) 80%,black) 100%);animation:glow 3s ease-in-out infinite;box-shadow:0 0 20px #ff4d7940}.filter-card-icon{position:relative;z-index:1;color:var(--text-primary);font-size:24px}.filter-card-content{flex:1;display:flex;flex-direction:column;gap:4px}.filter-card-title{margin:0;font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.filter-card-subtitle{margin:0;font-size:13px;color:var(--text-secondary);font-weight:500}.filter-card-action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ff4d791a;color:var(--primary-color);flex-shrink:0;transition:all var(--transition-base);font-size:18px}.filter-card-arrow{animation:slideInRight .4s ease-out}.filter-applied-badge{display:flex;align-items:center;justify-content:center;color:var(--text-primary);animation:scaleIn .3s ease-out}.filter-card-button:hover{border-color:var(--primary-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-dark-secondary) 95%,var(--primary-color)),color-mix(in srgb,var(--bg-dark-tertiary) 95%,var(--primary-color)));transform:translateY(-4px);box-shadow:0 8px 24px #ff4d7926}.filter-card-button:active{transform:translateY(-2px)}.filter-card-applied{opacity:.9}.filter-card-applied .filter-card-button{border-color:var(--primary-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-dark-secondary) 92%,var(--primary-color)),color-mix(in srgb,var(--bg-dark-tertiary) 92%,var(--primary-color)))}.filter-card-applied-indicator{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 12px #ff4d7980;animation:pulse 2s ease-in-out infinite}.filter-actions-section{position:fixed;bottom:80px;left:0;right:0;padding:16px;background:linear-gradient(180deg,#0f0f0f00,#0f0f0ffa);border-top:1px solid var(--border-color);max-width:600px;margin:0 auto;width:100%;z-index:40;animation:slideInUp .4s ease-out}.filter-stats{display:flex;align-items:center;justify-content:center;margin-bottom:12px;animation:popIn .3s ease-out}.filter-stats-text{margin:0;font-size:13px;color:var(--text-secondary);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-stats-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;margin:0 6px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);color:var(--text-primary);border-radius:50%;font-weight:700;font-size:12px;box-shadow:0 4px 12px #ff4d794d}.filter-apply-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);color:var(--text-primary);border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:700;letter-spacing:-.3px;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;font-family:inherit;box-shadow:0 8px 24px #ff4d794d;animation:slideInUp .4s ease-out}.filter-apply-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:lightSweep 3s infinite}.filter-apply-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff4d7966;background:linear-gradient(135deg,var(--primary-tint-100) 0%,var(--primary-color) 100%)}.filter-apply-button:active{transform:translateY(0)}.filter-empty-state{display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .3s ease-out}.filter-empty-message{margin:0;font-size:14px;color:var(--text-secondary);font-weight:500;text-align:center}.filter-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:16px;animation:fadeIn .3s ease-out}.filter-modal-container{width:100%;max-width:600px;background:var(--bg-dark-secondary);border:1px solid var(--border-color-light);border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;flex-direction:column;max-height:90vh;animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #00000080;padding-bottom:50px}.filter-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%)}.filter-modal-title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.filter-modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ff4d791a;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-base);position:relative;flex-shrink:0;font-size:0}.filter-modal-close span{position:absolute;width:20px;height:2px;background:var(--primary-color);border-radius:1px;transition:all var(--transition-base)}.filter-modal-close span:first-child{transform:rotate(45deg)}.filter-modal-close span:last-child{transform:rotate(-45deg)}.filter-modal-close:hover{background:#ff4d7933;transform:rotate(90deg)}.filter-modal-content{flex:1;overflow-y:auto;padding:20px 16px}.filter-component-wrapper{display:flex;flex-direction:column;gap:20px;padding:0}.filter-component-header{display:flex;gap:12px;align-items:flex-start}.filter-component-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:50%;color:var(--text-primary);font-size:20px;flex-shrink:0;box-shadow:0 4px 12px #ff4d794d;animation:popIn .3s ease-out}.filter-component-title-group{display:flex;flex-direction:column;gap:4px;flex:1}.filter-component-title{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.filter-component-description{margin:0;font-size:13px;color:var(--text-secondary);font-weight:500}.height-filter-wrapper{animation:slideInUp .5s ease-out}.height-range-card{background:linear-gradient(135deg,var(--bg-dark-tertiary) 0%,var(--bg-dark-quaternary) 100%);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);padding:20px;animation:slideInUp .5s ease-out .1s backwards}.height-range-display{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.height-range-values{display:flex;align-items:center;justify-content:space-around;gap:12px}.height-value-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;padding:12px;background:#ff4d7914;border-radius:var(--radius-md);border:1px solid rgba(255,77,121,.2)}.height-value-label{font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.height-value-number{font-size:24px;font-weight:700;color:var(--primary-color);line-height:1;animation:shine 2s infinite;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-tint-200) 50%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto}.height-value-unit{font-size:12px;color:var(--text-secondary);font-weight:600}.height-value-divider{width:2px;height:40px;background:linear-gradient(180deg,transparent,var(--primary-color),transparent)}.height-range-difference{text-align:center;padding:8px 12px;background:#ff4d790d;border-radius:var(--radius-md);border:1px solid rgba(255,77,121,.15)}.height-range-span{font-size:13px;color:var(--primary-color);font-weight:600}.height-sliders-container{position:relative;padding:20px 0;margin-bottom:16px}.height-slider-track{position:relative;width:100%;height:6px;background:var(--bg-dark-secondary);border-radius:var(--radius-full);margin-bottom:16px;overflow:hidden;box-shadow:var(--shadow-inner)}.height-slider-progress{position:absolute;top:0;height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-tint-200) 100%);border-radius:var(--radius-full);box-shadow:0 0 12px #ff4d7966;transition:all .1s ease-out}.height-slider{position:absolute;top:6px;width:100%;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;pointer-events:none}.height-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border:2px solid var(--bg-dark-secondary);cursor:pointer;box-shadow:0 4px 12px #ff4d7966;pointer-events:auto;-webkit-transition:all var(--transition-base);transition:all var(--transition-base)}.height-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 20px #ff4d7980}.height-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border:2px solid var(--bg-dark-secondary);cursor:pointer;box-shadow:0 4px 12px #ff4d7966;pointer-events:auto;-moz-transition:all var(--transition-base);transition:all var(--transition-base)}.height-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 6px 20px #ff4d7980}.height-range-labels{display:flex;justify-content:space-between;padding:0 4px}.height-range-label{font-size:12px;color:var(--text-tertiary);font-weight:600}.height-info-box{background:#ff4d7914;border:1px solid rgba(255,77,121,.2);border-radius:var(--radius-md);padding:12px;animation:slideInUp .5s ease-out .2s backwards}.height-info-text{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.height-info-text strong{color:var(--primary-color);font-weight:700}.interest-filter-wrapper{animation:slideInUp .5s ease-out}.interest-selected-card{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,#ff4d791f,#ff4d790f);border:1.5px solid rgba(255,77,121,.3);border-radius:var(--radius-lg);animation:slideInUp .4s ease-out}.interest-selected-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:50%;color:var(--text-primary);font-size:18px;flex-shrink:0;box-shadow:0 4px 12px #ff4d794d}.interest-selected-content{flex:1;display:flex;flex-direction:column;gap:2px}.interest-selected-label{margin:0;font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.interest-selected-value{margin:0;font-size:14px;color:var(--primary-color);font-weight:700}.interest-selected-clear{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ff4d7926;border:none;border-radius:50%;color:var(--primary-color);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;font-size:14px}.interest-selected-clear:hover{background:#ff4d7940;transform:scale(1.1)}.interest-search-box{position:relative;display:flex;align-items:center;animation:slideInUp .5s ease-out .1s backwards}.interest-search-icon{position:absolute;left:12px;color:var(--text-tertiary);font-size:16px;pointer-events:none}.interest-search-input{width:100%;padding:10px 12px 10px 40px;background:var(--bg-dark-tertiary);border:1.5px solid var(--border-color-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all var(--transition-base)}.interest-search-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-dark-secondary);box-shadow:0 0 0 3px #ff4d791a}.interest-search-input::-moz-placeholder{color:var(--text-tertiary)}.interest-search-input::placeholder{color:var(--text-tertiary)}.interest-tags-section{animation:slideInUp .5s ease-out .15s backwards}.interest-tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.interest-tag-item{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:linear-gradient(135deg,var(--bg-dark-tertiary) 0%,var(--bg-dark-quaternary) 100%);border:1.5px solid var(--border-color-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit;position:relative;overflow:hidden;animation:popIn .3s ease-out backwards}.interest-tag-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);opacity:0;transition:opacity var(--transition-base);z-index:-1}.interest-tag-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #ff4d7926}.interest-tag-item:active{transform:translateY(0)}.interest-tag-selected{border-color:var(--primary-color);background:linear-gradient(135deg,#ff4d7926,#ff4d7914);color:var(--primary-color);box-shadow:0 4px 12px #ff4d7933}.interest-tag-check{font-size:12px;color:var(--primary-color);animation:scaleIn .3s ease-out}.interest-empty-state{text-align:center;padding:24px 12px;animation:fadeIn .3s ease-out}.interest-empty-text{margin:0;font-size:13px;color:var(--text-tertiary);font-weight:500}.custom-interest-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#ff4d791a,#ff4d790d);border:1.5px dashed rgba(255,77,121,.3);border-radius:var(--radius-md);color:var(--primary-color);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit}.custom-interest-button:hover{border-color:var(--primary-color);background:linear-gradient(135deg,#ff4d7926,#ff4d791a);transform:translateY(-2px)}.custom-interest-input-section{display:flex;flex-direction:column;gap:8px;animation:slideInUp .3s ease-out}.custom-interest-label{font-size:13px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.custom-interest-input{padding:10px 12px;background:var(--bg-dark-tertiary);border:1.5px solid var(--border-color-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all var(--transition-base)}.custom-interest-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-dark-secondary);box-shadow:0 0 0 3px #ff4d791a}.custom-interest-hint{margin:0;font-size:12px;color:var(--text-tertiary);font-weight:500}.relationship-filter-wrapper{animation:slideInUp .5s ease-out}.relationship-selected-card{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#ff4d791f,#ff4d790f);border:1.5px solid rgba(255,77,121,.3);border-radius:var(--radius-lg);animation:slideInUp .4s ease-out}.relationship-selected-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:50%;color:var(--text-primary);font-size:20px;flex-shrink:0;box-shadow:0 4px 12px #ff4d794d}.relationship-selected-content{flex:1;display:flex;flex-direction:column;gap:4px}.relationship-selected-label{margin:0;font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.relationship-selected-value{margin:0;font-size:15px;color:var(--primary-color);font-weight:700}.relationship-selected-desc{margin:0;font-size:12px;color:var(--text-secondary);font-weight:500}.relationship-options-grid{display:grid;grid-template-columns:1fr;gap:10px;animation:slideInUp .5s ease-out .15s backwards}.relationship-option-card{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,var(--bg-dark-tertiary) 0%,var(--bg-dark-quaternary) 100%);border:1.5px solid var(--border-color-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-family:inherit;position:relative;overflow:hidden;text-align:left;animation:popIn .3s ease-out backwards}.relationship-option-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--option-color) 0%,color-mix(in srgb,var(--option-color) 80%,black) 100%);opacity:0;transition:opacity var(--transition-base);z-index:-1}.relationship-option-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--option-color) 0%,color-mix(in srgb,var(--option-color) 80%,black) 100%);border-radius:50%;color:var(--text-primary);font-size:16px;flex-shrink:0;box-shadow:0 4px 12px #ff4d7933;transition:all var(--transition-base)}.relationship-option-content{flex:1;display:flex;flex-direction:column;gap:2px}.relationship-option-title{margin:0;font-size:14px;color:var(--text-primary);font-weight:700;letter-spacing:-.2px}.relationship-option-desc{margin:0;font-size:12px;color:var(--text-secondary);font-weight:500}.relationship-option-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--option-color);border-radius:50%;color:var(--text-primary);font-size:12px;flex-shrink:0;animation:scaleIn .3s ease-out}.relationship-option-card:hover{border-color:var(--option-color);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.relationship-option-selected{border-color:var(--option-color);background:linear-gradient(135deg,#ff4d791f,#ff4d790f);box-shadow:0 4px 12px #ff4d7933}.relationship-info-box{background:#ff4d7914;border:1px solid rgba(255,77,121,.2);border-radius:var(--radius-md);padding:12px;animation:slideInUp .5s ease-out .2s backwards}.relationship-info-text{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.location-filter-wrapper{animation:slideInUp .5s ease-out}.location-country-card{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,var(--bg-dark-tertiary) 0%,var(--bg-dark-quaternary) 100%);border:1.5px solid var(--border-color-light);border-radius:var(--radius-lg);animation:slideInUp .5s ease-out .1s backwards}.location-country-flag{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#ff6b5b,#ff5545);border-radius:8px;font-size:20px;flex-shrink:0;box-shadow:0 4px 12px #ff6b5b4d}.flag-emoji-placeholder{display:inline-block;width:24px;height:24px;background:linear-gradient(135deg,orange,gold);border-radius:4px}.location-country-info{flex:1;display:flex;flex-direction:column;gap:2px}.location-country-label{margin:0;font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.location-country-value{margin:0;font-size:14px;color:var(--text-primary);font-weight:700}.location-selected-card{display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(135deg,#ff4d791f,#ff4d790f);border:1.5px solid rgba(255,77,121,.3);border-radius:var(--radius-lg);animation:slideInUp .4s ease-out}.location-selected-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:50%;color:var(--text-primary);font-size:16px;flex-shrink:0;box-shadow:0 4px 12px #ff4d794d}.location-selected-content{flex:1;display:flex;flex-direction:column;gap:2px}.location-selected-label{margin:0;font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.location-selected-value{margin:0;font-size:14px;color:var(--primary-color);font-weight:700}.location-selected-clear{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ff4d7926;border:none;border-radius:50%;color:var(--primary-color);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;font-size:12px}.location-selected-clear:hover{background:#ff4d7940;transform:scale(1.1)}.location-search-box{position:relative;display:flex;align-items:center;animation:slideInUp .5s ease-out .15s backwards}.location-search-icon{position:absolute;left:12px;color:var(--text-tertiary);font-size:16px;pointer-events:none}.location-search-input{width:100%;padding:10px 12px 10px 40px;background:var(--bg-dark-tertiary);border:1.5px solid var(--border-color-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all var(--transition-base)}.location-search-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-dark-secondary);box-shadow:0 0 0 3px #ff4d791a}.location-search-input::-moz-placeholder{color:var(--text-tertiary)}.location-search-input::placeholder{color:var(--text-tertiary)}.location-states-section{animation:slideInUp .5s ease-out .2s backwards}.location-states-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;max-height:320px;overflow-y:auto;padding-right:4px}.location-states-grid::-webkit-scrollbar{width:6px}.location-states-grid::-webkit-scrollbar-track{background:transparent}.location-states-grid::-webkit-scrollbar-thumb{background:#ff4d794d;border-radius:3px}.location-states-grid::-webkit-scrollbar-thumb:hover{background:#ff4d7980}.location-state-item{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;background:linear-gradient(135deg,var(--bg-dark-tertiary) 0%,var(--bg-dark-quaternary) 100%);border:1.5px solid var(--border-color-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit;position:relative;overflow:hidden;text-align:center;animation:popIn .3s ease-out backwards;min-height:40px;flex-wrap:wrap}.location-state-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);opacity:0;transition:opacity var(--transition-base);z-index:-1}.location-state-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #ff4d7926}.location-state-text{flex:1;display:block}.location-state-check{font-size:11px;color:var(--primary-color);animation:scaleIn .3s ease-out}.location-state-selected{border-color:var(--primary-color);background:linear-gradient(135deg,#ff4d7926,#ff4d7914);color:var(--primary-color);box-shadow:0 4px 12px #ff4d7933}.location-empty-state{text-align:center;padding:24px 12px;animation:fadeIn .3s ease-out}.location-empty-text{margin:0;font-size:13px;color:var(--text-tertiary);font-weight:500}.location-info-box{background:#ff4d7914;border:1px solid rgba(255,77,121,.2);border-radius:var(--radius-md);padding:12px;animation:slideInUp .5s ease-out .25s backwards}.location-info-text{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.filter-actions-container{display:flex;gap:10px;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--border-color);margin-top:12px;animation:slideInUp .5s ease-out}.filter-action-cancel,.filter-action-apply{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-base);font-family:inherit;letter-spacing:-.2px}.filter-action-cancel{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-color-light);flex:1}.filter-action-cancel:hover{border-color:var(--text-secondary);background:#ffffff0d;transform:translateY(-2px)}.filter-action-apply{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);color:var(--text-primary);flex:1.2;box-shadow:0 4px 12px #ff4d794d;position:relative;overflow:hidden}.filter-action-apply:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:lightSweep 2s infinite}.filter-action-apply:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d7966;background:linear-gradient(135deg,var(--primary-tint-100) 0%,var(--primary-color) 100%)}.filter-action-apply:active{transform:translateY(0)}.filter-action-apply:disabled{opacity:.5;cursor:not-allowed;transform:none}.filter-action-apply:disabled:hover{box-shadow:0 4px 12px #ff4d7933}.filter-results-container{background:var(--bg-dark);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-secondary);overflow:hidden}.filter-results-header{padding:16px;background:linear-gradient(180deg,#0f0f0fcc,#0f0f0f66);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;animation:slideInDown .5s ease-out}.filter-back-button{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#ff4d791a,#ff4d790d);border:1.5px solid rgba(255,77,121,.2);border-radius:var(--radius-md);color:var(--primary-color);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit;margin-bottom:12px}.filter-back-button:hover{background:linear-gradient(135deg,#ff4d7926,#ff4d791a);border-color:var(--primary-color);transform:translate(-4px)}.filter-results-title-section{display:flex;flex-direction:column;gap:4px}.filter-results-title{margin:0;font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.filter-results-count{margin:0;font-size:13px;color:var(--text-secondary);font-weight:500}@media(max-width:480px){.filter-page-header{padding:20px 12px 16px}.filter-page-main-title{font-size:24px}.filter-cards-grid{gap:10px}.filter-card-button{min-height:80px;padding:14px}.filter-card-icon-container{width:48px;height:48px}.filter-card-title{font-size:15px}.filter-actions-section{padding:12px;gap:8px}.filter-apply-button{padding:12px 16px;font-size:15px}.filter-modal-container{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.height-value-number{font-size:20px}.location-states-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));max-height:280px}.relationship-options-grid{gap:8px}.filter-component-icon{width:40px;height:40px;font-size:18px}}@media(max-width:360px){.filter-page-main-title{font-size:20px}.filter-card-button{min-height:72px;gap:10px}.filter-card-title{font-size:13px}.filter-card-subtitle{font-size:11px}.height-value-item{padding:10px}}.filter-cards-section::-webkit-scrollbar,.filter-modal-content::-webkit-scrollbar{width:6px}.filter-cards-section::-webkit-scrollbar-track,.filter-modal-content::-webkit-scrollbar-track{background:transparent}.filter-cards-section::-webkit-scrollbar-thumb,.filter-modal-content::-webkit-scrollbar-thumb{background:#ff4d794d;border-radius:3px}.filter-cards-section::-webkit-scrollbar-thumb:hover,.filter-modal-content::-webkit-scrollbar-thumb:hover{background:#ff4d7980}.preloader{position:fixed;inset:0;background:#121212;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.preloader.fade-out{opacity:0;visibility:hidden}.loader{--r1: 154%;--r2: 68.5%;width:60px;aspect-ratio:1;border-radius:50%;background:radial-gradient(var(--r1) var(--r2) at top,#0000 79.5%,#ff4d79 80%),radial-gradient(var(--r1) var(--r2) at bottom,#ff4d79 79.5%,#0000 80%),radial-gradient(var(--r1) var(--r2) at top,#0000 79.5%,#ff4d79 80%),#1e293b;background-size:50.5% 220%;background-position:-100% 0%,0% 0%,100% 0%;background-repeat:no-repeat;animation:l9 2s infinite linear}@keyframes l9{33%{background-position:0% 33%,100% 33%,200% 33%}66%{background-position:-100% 66%,0% 66%,100% 66%}to{background-position:0% 100%,100% 100%,200% 100%}}.preloader:after{content:"";position:absolute;top:0;left:-150%;width:500%;height:100%;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.18) 45%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.18) 55%,transparent 80%);animation:shineLine 2.8s ease-in-out infinite;pointer-events:none;z-index:1;filter:blur(2px)}@keyframes shineLine{0%{left:-150%}to{left:150%}}.match-wrapper{--primary-color: #ff4d79;--primary-shade-100: #e6456d;--primary-shade-200: #cc3e61;--primary-shade-300: #b33655;--primary-shade-400: #992e49;--primary-shade-500: #80273d;--primary-shade-600: #661f30;--primary-shade-700: #4d1724;--primary-shade-800: #330f18;--primary-shade-900: #1a080c;--primary-tint-100: #ff5f86;--primary-tint-200: #ff7194;--primary-tint-300: #ff82a1;--primary-tint-400: #ff94af;--primary-tint-500: #ffa6bc;--primary-tint-600: #ffb8c9;--primary-tint-700: #ffcad7;--primary-tint-800: #ffdbe4;--primary-tint-900: #ffedf2;--bg-dark: #0f0f0f;--bg-dark-secondary: #1a1a1a;--bg-dark-tertiary: #242424;--bg-dark-quaternary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--border-color: #2a2a2a;--border-color-light: #333333;--border-color-lighter: #3a3a3a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 8px rgba(0, 0, 0, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--font-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.match-wrapper{width:100%;min-height:100vh;background:var(--bg-dark);color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-secondary);font-size:16px;line-height:1.6;overflow:hidden;padding:0;margin:0;box-sizing:border-box}.match-header{padding:24px 16px 16px;background:linear-gradient(180deg,#0f0f0ff2,#0f0f0fcc);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:40;animation:slideInDown .5s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.match-header-content{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:600px;margin:0 auto;width:100%}.match-header-title-section{display:flex;flex-direction:column;gap:4px;flex:1}.match-header-title{margin:0;font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.match-header-icon{animation:float 3s ease-in-out infinite;color:var(--primary-color);font-size:28px}.match-header-subtitle{margin:0;font-size:13px;color:var(--text-secondary);font-weight:500;letter-spacing:.3px;font-family:var(--font-secondary)}.match-header-badge{display:flex;align-items:center;justify-content:center;min-width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:var(--radius-lg);box-shadow:0 8px 24px #ff4d794d;animation:popIn .4s ease-out;flex-shrink:0}.match-badge-count{font-size:18px;font-weight:800;color:var(--text-primary);line-height:1;font-family:var(--font-secondary)}.match-header-line{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);animation:lightSweep 3s infinite;background-size:200% auto}.match-search-section{padding:12px 16px 0;background:var(--bg-dark);animation:slideInDown .5s ease-out .1s backwards}.match-search-container{max-width:600px;margin:0 auto;width:100%}.match-search-wrapper{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.match-search-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,77,121,.05),transparent);animation:lightSweep 3s infinite;background-size:200% auto;pointer-events:none}.match-search-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 8px 24px #ff4d7933;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-dark-secondary) 95%,var(--primary-color)),color-mix(in srgb,var(--bg-dark-tertiary) 95%,var(--primary-color)))}.match-search-icon{color:var(--text-secondary);font-size:16px;flex-shrink:0}.match-search-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:15px;font-weight:500;font-family:var(--font-secondary);outline:none;padding:0;min-width:0}.match-search-input::-moz-placeholder{color:var(--text-tertiary)}.match-search-input::placeholder{color:var(--text-tertiary)}.match-search-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ff4d7926;border:none;border-radius:50%;color:var(--primary-color);cursor:pointer;font-size:14px;flex-shrink:0;transition:all var(--transition-base);font-weight:700}.match-search-clear:hover{background:#ff4d7940;transform:rotate(90deg)}.match-search-clear:active{transform:rotate(90deg) scale(.95)}.match-tabs-section{display:flex;gap:8px;padding:12px 16px;background:var(--bg-dark);border-bottom:1px solid var(--border-color);overflow-x:auto;scroll-behavior:smooth;max-width:600px;margin:0 auto;width:100%;animation:slideInUp .5s ease-out .2s backwards}.match-tabs-section::-webkit-scrollbar{height:4px}.match-tabs-section::-webkit-scrollbar-track{background:transparent}.match-tabs-section::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.match-tab-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-dark-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font-secondary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden}.match-tab-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,77,121,.1),transparent);animation:lightSweep 3s infinite;background-size:200% auto;pointer-events:none}.match-tab-button:hover{border-color:var(--primary-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-dark-secondary) 95%,var(--primary-color)),color-mix(in srgb,var(--bg-dark-tertiary) 95%,var(--primary-color)));color:var(--text-primary)}.match-tab-button.active{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);color:var(--text-primary);box-shadow:0 8px 24px #ff4d794d}.match-tab-button svg{font-size:14px}.match-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:#ff4d7933;border-radius:50%;font-size:11px;font-weight:700;color:var(--primary-color)}.match-tab-button.active .match-tab-count{background:#ffffff4d;color:var(--text-primary)}.match-content{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}.match-content::-webkit-scrollbar{width:6px}.match-content::-webkit-scrollbar-track{background:var(--bg-dark)}.match-content::-webkit-scrollbar-thumb{background:var(--border-color-lighter);border-radius:var(--radius-full)}.match-content::-webkit-scrollbar-thumb:hover{background:var(--border-color-light)}.match-error-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;animation:fadeIn .4s ease-out}.match-error-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:50%;font-size:32px;color:var(--text-primary);animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.match-error-icon svg{animation:float 3s ease-in-out infinite}.match-error-title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);text-align:center;font-family:var(--font-secondary);letter-spacing:-.3px}.match-error-message{margin:0;font-size:14px;color:var(--text-secondary);text-align:center;max-width:280px}.match-error-retry{display:flex;align-items:center;justify-content:center;padding:12px 32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);color:var(--text-primary);border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-secondary);box-shadow:0 8px 24px #ff4d794d}.match-error-retry:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff4d7966}.match-error-retry:active{transform:translateY(0)}.match-list-section{flex:1;padding:16px;animation:fadeIn .4s ease-out}.match-list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;position:relative}.match-list-header-content{display:flex;flex-direction:column;gap:2px}.match-list-title{margin:0;font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px;font-family:var(--font-secondary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 3s infinite;background-size:200% auto}.match-list-subtitle{margin:0;font-size:12px;color:var(--text-secondary);font-weight:500;letter-spacing:.2px}.match-list-accent{width:4px;height:32px;background:linear-gradient(180deg,var(--primary-color) 0%,transparent 100%);border-radius:var(--radius-full);animation:pulseGlow 2s ease-in-out infinite}.match-list-container{display:flex;flex-direction:column;gap:12px;animation:slideInUp .5s ease-out}.match-item{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;animation:slideInUp .5s ease-out backwards}.match-item:nth-child(2){animation-delay:.1s}.match-item:nth-child(3){animation-delay:.2s}.match-item:nth-child(4){animation-delay:.3s}.match-item:nth-child(5){animation-delay:.4s}.match-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,77,121,.08),transparent);animation:lightSweep 3s infinite;background-size:200% auto;pointer-events:none}.match-item:hover{border-color:var(--primary-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-dark-secondary) 92%,var(--primary-color)),color-mix(in srgb,var(--bg-dark-tertiary) 92%,var(--primary-color)));transform:translateY(-4px);box-shadow:0 12px 32px #ff4d7933}.match-item:active{transform:translateY(-2px)}.match-item.selected{border-color:var(--primary-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-dark-secondary) 85%,var(--primary-color)),color-mix(in srgb,var(--bg-dark-tertiary) 85%,var(--primary-color)));box-shadow:0 12px 32px #ff4d7940}.match-item-avatar-wrapper{position:relative;flex-shrink:0;animation:popIn .4s ease-out}.match-item-avatar{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-weight:800;font-size:20px;color:var(--text-primary);position:relative;overflow:hidden;animation:gloss 3s ease-in-out infinite;box-shadow:0 8px 20px #0000004d;font-family:var(--font-secondary)}.match-item-avatar:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);border-radius:var(--radius-lg);pointer-events:none}.match-item-avatar-text{position:relative;z-index:1;line-height:1}.match-item-status-indicator{position:absolute;bottom:-4px;right:-4px;width:16px;height:16px;background:#4ade80;border:2px solid var(--bg-dark-secondary);border-radius:50%;animation:pulse 2s ease-in-out infinite;font-size:8px;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.match-item-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.match-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.match-item-name{margin:0;font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px;font-family:var(--font-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-item-time{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-tertiary);font-weight:500;white-space:nowrap;flex-shrink:0}.match-item-time svg{font-size:10px;opacity:.7}.match-item-message-preview{display:flex;align-items:center;justify-content:space-between;gap:8px}.match-item-preview-text{margin:0;font-size:13px;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.match-item-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:50%;font-size:10px;color:var(--text-primary);flex-shrink:0;animation:pulse 2s ease-in-out infinite;box-shadow:0 4px 12px #ff4d794d}.match-item-meta{display:flex;gap:6px;align-items:center}.match-item-meta-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#ff4d791f;color:var(--primary-color);font-size:11px;font-weight:600;border-radius:var(--radius-full);border:1px solid rgba(255,77,121,.25);letter-spacing:.2px}.match-item-meta-tag svg{font-size:9px}.match-item-action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ff4d791f;border:1px solid rgba(255,77,121,.25);border-radius:var(--radius-lg);color:var(--primary-color);font-size:14px;flex-shrink:0;transition:all var(--transition-base);animation:slideInRight .4s ease-out}.match-item:hover .match-item-action{background:var(--primary-color);color:var(--text-primary);transform:translate(4px);box-shadow:0 8px 20px #ff4d794d}.match-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;animation:fadeIn .4s ease-out}.match-empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:50%;font-size:40px;color:var(--text-primary);animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 32px #ff4d794d}.match-empty-icon svg{animation:float 3s ease-in-out infinite}.match-empty-title{margin:0;font-size:22px;font-weight:800;color:var(--text-primary);text-align:center;font-family:var(--font-secondary);letter-spacing:-.3px}.match-empty-subtitle{margin:0;font-size:14px;color:var(--text-secondary);text-align:center;max-width:280px;line-height:1.6}.match-empty-cta{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);color:var(--text-primary);border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-secondary);box-shadow:0 8px 24px #ff4d794d;margin-top:8px}.match-empty-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff4d7966;background:linear-gradient(135deg,var(--primary-tint-100) 0%,var(--primary-color) 100%)}.match-empty-cta:active{transform:translateY(0)}.match-empty-cta svg{font-size:12px;animation:heartBeat 1s ease-in-out infinite}.match-liked-section{flex:1;padding:16px;animation:fadeIn .4s ease-out}.match-liked-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.match-liked-header-content{display:flex;flex-direction:column;gap:2px}.match-liked-title{margin:0;font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px;font-family:var(--font-secondary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 3s infinite;background-size:200% auto}.match-liked-subtitle{margin:0;font-size:12px;color:var(--text-secondary);font-weight:500;letter-spacing:.2px}.match-liked-accent{width:4px;height:32px;background:linear-gradient(180deg,var(--primary-color) 0%,transparent 100%);border-radius:var(--radius-full);animation:pulseGlow 2s ease-in-out infinite}.match-liked-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;animation:slideInUp .5s ease-out}.match-liked-card{cursor:pointer;transition:all var(--transition-base);animation:scaleIn .4s ease-out backwards}.match-liked-card:nth-child(1){animation-delay:0s}.match-liked-card:nth-child(2){animation-delay:.1s}.match-liked-card:nth-child(3){animation-delay:.2s}.match-liked-card:nth-child(4){animation-delay:.3s}.match-liked-card:nth-child(5){animation-delay:.4s}.match-liked-card:nth-child(6){animation-delay:.5s}.match-liked-card:hover{transform:translateY(-8px)}.match-liked-card-inner{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.match-liked-card-inner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,77,121,.08),transparent);animation:lightSweep 3s infinite;background-size:200% auto;pointer-events:none}.match-liked-card:hover .match-liked-card-inner{border-color:var(--primary-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-dark-secondary) 92%,var(--primary-color)),color-mix(in srgb,var(--bg-dark-tertiary) 92%,var(--primary-color)));box-shadow:0 12px 32px #ff4d7940}.match-liked-avatar{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-weight:800;font-size:28px;color:var(--text-primary);animation:gloss 3s ease-in-out infinite;box-shadow:0 8px 20px #0000004d;font-family:var(--font-secondary)}.match-liked-avatar:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);border-radius:var(--radius-lg);pointer-events:none}.match-liked-avatar-text{position:relative;z-index:1;line-height:1}.match-liked-heart-badge{position:absolute;bottom:-4px;right:-4px;width:28px;height:28px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border:2px solid var(--bg-dark-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-primary);animation:heartBeat 1s ease-in-out infinite;box-shadow:0 4px 12px #ff4d7966}.match-liked-info{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.match-liked-name{margin:0;font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px;font-family:var(--font-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.match-liked-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ff4d791f;border-radius:50%;color:var(--primary-color);font-size:12px;transition:all var(--transition-base)}.match-liked-card:hover .match-liked-action{background:var(--primary-color);color:var(--text-primary);transform:translate(4px);box-shadow:0 6px 16px #ff4d794d}.match-popup-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .3s ease-out}.match-popup-backdrop{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.match-popup-content{position:relative;z-index:101;width:100%;max-width:340px;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.match-popup-inner{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:1.5px solid var(--border-color-light);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0009;position:relative;overflow:hidden}.match-popup-inner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,77,121,.05),transparent);animation:lightSweep 2s infinite;background-size:200% auto;pointer-events:none}.match-popup-avatar{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-weight:800;font-size:36px;color:var(--text-primary);animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 32px #0006;font-family:var(--font-secondary)}.match-popup-avatar:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 100%);border-radius:var(--radius-lg);pointer-events:none}.match-popup-avatar-text{position:relative;z-index:1;line-height:1}.match-popup-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;position:relative;z-index:1}.match-popup-title{margin:0;font-size:14px;color:var(--text-secondary);font-weight:600;letter-spacing:.3px;text-transform:uppercase}.match-popup-username{margin:0;font-size:24px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;font-family:var(--font-secondary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 2s infinite;background-size:200% auto}.match-popup-loader{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1}.match-loader-spinner{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:20px;animation:spinSlow 2s linear infinite}.match-popup-loading-text{margin:0;font-size:13px;color:var(--text-secondary);font-weight:500;letter-spacing:.5px;animation:fadeIn .6s ease-out}@media(max-width:480px){.match-header-title{font-size:28px}.match-header-badge{min-width:44px;height:44px}.match-badge-count{font-size:16px}.match-search-input{font-size:14px}.match-tab-button{padding:8px 12px;font-size:12px}.match-tab-count{min-width:18px;height:18px;font-size:10px}.match-list-title{font-size:20px}.match-item-avatar{width:50px;height:50px;font-size:18px}.match-item-name{font-size:14px}.match-item-preview-text{font-size:12px}.match-item-time{font-size:11px}.match-item-action{width:32px;height:32px;font-size:12px}.match-empty-icon{width:72px;height:72px;font-size:36px}.match-empty-title{font-size:20px}.match-empty-subtitle{font-size:13px}.match-liked-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.match-liked-avatar{width:64px;height:64px;font-size:24px}.match-liked-name{font-size:13px}.match-popup-avatar{width:88px;height:88px;font-size:32px}.match-popup-username{font-size:22px}.match-popup-title{font-size:12px}}@media(max-width:360px){.match-header-title{font-size:24px;gap:8px}.match-header-icon{font-size:22px}.match-item-avatar{width:46px;height:46px;font-size:16px}.match-item-name{font-size:13px}.match-list-title{font-size:18px}.match-liked-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.match-liked-avatar{width:56px;height:56px;font-size:20px}.match-liked-card-inner{padding:10px;gap:8px}.match-liked-name{font-size:12px}.match-popup-inner{padding:28px 20px;gap:14px}.match-popup-avatar{width:80px;height:80px;font-size:28px}.match-popup-username{font-size:20px}}@media(min-resolution:192dpi){.match-item-avatar,.match-liked-avatar,.match-popup-avatar{box-shadow:0 8px 24px #0006}.match-item:hover{box-shadow:0 16px 40px #ff4d7940}.match-popup-inner{box-shadow:0 24px 64px #000000b3}}@media(prefers-color-scheme:dark){.match-wrapper{background:#0a0a0a}.match-header{background:linear-gradient(180deg,#0a0a0af2,#0a0a0acc)}.match-item{background:linear-gradient(135deg,#161616,#1f1f1f)}.match-item:hover{background:linear-gradient(135deg,color-mix(in srgb,#161616 92%,var(--primary-color)),color-mix(in srgb,#1f1f1f 92%,var(--primary-color)))}}.match-item:focus,.match-liked-card:focus,.match-tab-button:focus,.match-search-input:focus,.match-empty-cta:focus,.match-error-retry:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media(prefers-contrast:more){.match-item-badge,.match-tab-count,.match-item-meta-tag{border-width:2px}.match-item-avatar,.match-liked-avatar{border:2px solid var(--border-color-light)}}@keyframes shimmerLoad{0%{background-position:-1000px 0}to{background-position:1000px 0}}.match-skeleton{background:linear-gradient(90deg,var(--bg-dark-secondary) 25%,var(--bg-dark-tertiary) 50%,var(--bg-dark-secondary) 75%);background-size:1000px 100%;animation:shimmerLoad 2s infinite;border-radius:var(--radius-lg)}.chat-root-container,.chat-loading-wrapper,.chat-error-toast,.chat-header-section,.chat-messages-section,.chat-input-section{--chat-primary: #ff4d79;--chat-primary-light: #ff5f86;--chat-primary-lighter: #ff7194;--chat-primary-dark: #e6456d;--chat-primary-darker: #cc3e61;--chat-primary-ultra-dark: #b33655;--chat-bg-primary: #0f0f0f;--chat-bg-secondary: #1a1a1a;--chat-bg-tertiary: #242424;--chat-bg-quaternary: #2d2d2d;--chat-bg-quinary: #363636;--chat-text-primary: #ffffff;--chat-text-secondary: #b0b0b0;--chat-text-tertiary: #808080;--chat-text-quaternary: #606060;--chat-border-primary: #2a2a2a;--chat-border-secondary: #333333;--chat-border-tertiary: #3a3a3a;--chat-shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--chat-shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--chat-shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--chat-shadow-xl: 0 12px 32px rgba(0, 0, 0, .7);--chat-radius-sm: 8px;--chat-radius-md: 12px;--chat-radius-lg: 16px;--chat-radius-xl: 20px;--chat-radius-full: 9999px;--chat-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--chat-transition-base: .3s cubic-bezier(.4, 0, .2, 1);--chat-transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--chat-font-family-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--chat-font-family-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@keyframes chatShine{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes chatGloss{0%{box-shadow:inset -100px -100px 200px #fff0}50%{box-shadow:inset 100px -100px 200px #ffffff1a}to{box-shadow:inset -100px -100px 200px #fff0}}@keyframes chatLightSweep{0%{background-position:-200% center}50%{background-position:200% center}to{background-position:200% center}}@keyframes chatFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes chatPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes chatGlow{0%,to{box-shadow:0 0 8px #ff4d7933,inset 0 0 8px #ff4d791a}50%{box-shadow:0 0 20px #ff4d7966,inset 0 0 12px #ff4d7933}}@keyframes chatSlideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes chatSlideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes chatSlideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes chatSlideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes chatFadeIn{0%{opacity:0}to{opacity:1}}@keyframes chatScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes chatBubblePop{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes chatSpinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chatTypingBounce{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}@keyframes chatMessageSlide{0%{opacity:0;transform:translate(var(--slide-direction)) translateY(4px)}to{opacity:1;transform:translate(0) translateY(0)}}@keyframes chatErrorShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.chat-root-container{display:flex;flex-direction:column;width:100%;height:100vh;max-height:100dvh;background:var(--chat-bg-primary);color:var(--chat-text-primary);font-family:var(--chat-font-family-primary);font-size:16px;line-height:1.6;overflow:hidden;position:relative;margin:0;padding:0;box-sizing:border-box}.chat-root-container *{box-sizing:border-box}.chat-root-container.default{background:linear-gradient(135deg,#0f0f0f,#1a1a1a)}.chat-root-container.gradient-dark{background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e)}.chat-root-container.gradient-purple{background:linear-gradient(135deg,#0f0f0f,#2d1b4e,#1a0f2e)}.chat-root-container.gradient-blue{background:linear-gradient(135deg,#0f1419,#1a2844,#0f2849)}.chat-header-section{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#0f0f0ff2,#1a1a1acc);border-bottom:1px solid var(--chat-border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:chatSlideInDown .4s ease-out}.chat-header-wrapper{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;min-height:64px}.chat-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.chat-back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--chat-radius-full);background:#ff4d7914;border:1px solid var(--chat-border-tertiary);color:var(--chat-text-primary);font-size:18px;cursor:pointer;transition:all var(--chat-transition-base);flex-shrink:0}.chat-back-button:active{transform:scale(.95);background:#ff4d7926;border-color:var(--chat-primary)}.chat-user-profile-section{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.chat-user-avatar-wrapper{position:relative;flex-shrink:0}.chat-user-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--chat-primary) 0%,var(--chat-primary-dark) 100%);color:var(--chat-text-primary);font-weight:700;font-size:16px;box-shadow:0 4px 12px #ff4d794d;animation:chatScaleIn .4s ease-out}.chat-online-indicator{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:3px solid var(--chat-bg-primary);display:flex;align-items:center;justify-content:center;font-size:6px;animation:chatGlow 2s ease-in-out infinite}.chat-online-indicator.chat-status-online{background:#00d084;box-shadow:0 0 12px #00d08499}.chat-online-indicator.chat-status-offline{background:gray;box-shadow:0 0 8px #8080804d}.chat-user-info-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.chat-user-name{margin:0;font-size:16px;font-weight:700;color:var(--chat-text-primary);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-user-status{margin:0;font-size:12px;color:var(--chat-text-tertiary);font-weight:500;letter-spacing:.2px}.chat-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--chat-radius-full);background:#ff4d7914;border:1px solid var(--chat-border-tertiary);color:var(--chat-text-primary);font-size:16px;cursor:pointer;transition:all var(--chat-transition-base);flex-shrink:0}.chat-icon-button:active{transform:scale(.95);background:#ff4d7926;border-color:var(--chat-primary)}.chat-call-button,.chat-video-button{display:none}@media(min-width:480px){.chat-call-button,.chat-video-button{display:flex}}.chat-header-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--chat-border-secondary),transparent)}.chat-settings-panel{position:absolute;top:64px;right:0;left:0;background:linear-gradient(180deg,#1a1a1af2,#242424e6);border-bottom:1px solid var(--chat-border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;max-height:calc(100vh - 64px);overflow-y:auto;animation:chatSlideInDown .3s ease-out}.chat-settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--chat-border-primary)}.chat-settings-title{margin:0;font-size:16px;font-weight:700;color:var(--chat-text-primary)}.chat-settings-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ff4d791a;border:none;color:var(--chat-text-primary);cursor:pointer;transition:all var(--chat-transition-base);font-size:16px}.chat-settings-close:active{background:#ff4d7933;transform:scale(.95)}.chat-settings-content{padding:16px;display:flex;flex-direction:column;gap:20px}.chat-settings-group{display:flex;flex-direction:column;gap:12px}.chat-settings-label{font-size:13px;font-weight:700;color:var(--chat-text-secondary);text-transform:uppercase;letter-spacing:.5px}.chat-background-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.chat-bg-option{position:relative;width:100%;aspect-ratio:1;border-radius:var(--chat-radius-md);border:2px solid var(--chat-border-secondary);background:transparent;cursor:pointer;transition:all var(--chat-transition-base);overflow:hidden;padding:0}.chat-bg-option.active{border-color:var(--chat-primary);box-shadow:0 0 12px #ff4d7966}.chat-bg-option:active{transform:scale(.95)}.chat-bg-preview{width:100%;height:100%;border-radius:var(--chat-radius-sm)}.chat-bg-preview.default{background:linear-gradient(135deg,#0f0f0f,#1a1a1a)}.chat-bg-preview.gradient-dark{background:linear-gradient(135deg,#0a0a0a,#1a1a2e)}.chat-bg-preview.gradient-purple{background:linear-gradient(135deg,#0f0f0f,#2d1b4e)}.chat-bg-preview.gradient-blue{background:linear-gradient(135deg,#0f1419,#1a2844)}.chat-settings-toggle{display:flex;align-items:center;gap:10px}.chat-toggle-input{display:none}.chat-toggle-label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--chat-text-primary);font-weight:500;cursor:pointer}.chat-toggle-input:before{content:"";display:block;width:44px;height:24px;border-radius:var(--chat-radius-full);background:#ff4d7933;transition:all var(--chat-transition-base);border:1px solid var(--chat-border-tertiary)}.chat-toggle-input:checked:before{background:var(--chat-primary);border-color:var(--chat-primary)}.chat-settings-btn{display:flex;align-items:center;gap:10px;padding:12px;background:#ff4d7914;border:1px solid var(--chat-border-tertiary);border-radius:var(--chat-radius-md);color:var(--chat-text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--chat-transition-base)}.chat-settings-btn:active{background:#ff4d7926;border-color:var(--chat-primary);transform:scale(.98)}.chat-messages-section{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:0;-webkit-overflow-scrolling:touch}.chat-messages-section::-webkit-scrollbar{width:4px}.chat-messages-section::-webkit-scrollbar-track{background:transparent}.chat-messages-section::-webkit-scrollbar-thumb{background:#ff4d7933;border-radius:2px}.chat-messages-section::-webkit-scrollbar-thumb:hover{background:#ff4d7966}.chat-messages-container{flex:1;display:flex;flex-direction:column;padding:12px 16px;gap:8px;min-height:100%}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;animation:chatFadeIn .4s ease-out}.chat-empty-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ff4d7926,#ff4d790d);display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--chat-primary);margin-bottom:16px;animation:chatFloat 3s ease-in-out infinite}.chat-empty-title{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--chat-text-primary)}.chat-empty-subtitle{margin:0 0 24px;font-size:14px;color:var(--chat-text-secondary);font-weight:500}.chat-empty-decoration{width:100px;height:4px;background:linear-gradient(90deg,transparent,var(--chat-primary),transparent);border-radius:var(--chat-radius-full);margin-top:16px;animation:chatShine 2s infinite;background-size:200% auto}.chat-messages-list{display:flex;flex-direction:column;gap:16px}.chat-date-group{display:flex;flex-direction:column;gap:12px;animation:chatFadeIn .3s ease-out}.chat-date-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0}.chat-date-divider:before,.chat-date-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--chat-border-secondary),transparent)}.chat-date-label{font-size:11px;font-weight:700;color:var(--chat-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.chat-messages-batch{display:flex;flex-direction:column;gap:6px}.chat-message-wrapper{display:flex;align-items:flex-end;gap:8px;animation:chatBubblePop .35s cubic-bezier(.34,1.56,.64,1);--slide-direction: -16px}.chat-message-wrapper.chat-message-received{justify-content:flex-start;--slide-direction: -16px}.chat-message-wrapper.chat-message-sent{justify-content:flex-end;--slide-direction: 16px}.chat-message-wrapper.consecutive{margin-top:-2px}.chat-message-avatar{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.chat-message-avatar-spacer{width:32px;flex-shrink:0}.chat-message-avatar-circle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--chat-primary) 0%,var(--chat-primary-dark) 100%);color:var(--chat-text-primary);font-weight:700;font-size:12px;box-shadow:0 2px 8px #ff4d7933}.chat-message-bubble-wrapper{max-width:280px;width:-moz-fit-content;width:fit-content;display:flex}@media(min-width:480px){.chat-message-bubble-wrapper{max-width:340px}}.chat-message-bubble{padding:12px 14px;border-radius:var(--chat-radius-lg);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--chat-bg-tertiary) 0%,var(--chat-bg-quaternary) 100%);border:1px solid var(--chat-border-secondary);box-shadow:var(--chat-shadow-sm);animation:chatGloss 3s ease-in-out infinite}.chat-message-sent .chat-message-bubble{background:linear-gradient(135deg,var(--chat-primary) 0%,var(--chat-primary-dark) 100%);border-color:var(--chat-primary-light);color:var(--chat-text-primary)}.chat-message-received .chat-message-bubble{background:linear-gradient(135deg,var(--chat-bg-tertiary) 0%,var(--chat-bg-quaternary) 100%);border-color:var(--chat-border-secondary);color:var(--chat-text-primary)}.chat-message-text-content{display:flex;flex-direction:column;gap:0}.chat-message-text{margin:0;font-size:15px;line-height:1.4;font-weight:500;letter-spacing:-.2px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.chat-message-image-content{width:100%;overflow:hidden;border-radius:var(--chat-radius-md);margin-bottom:4px}.chat-message-image{width:100%;height:auto;display:block;border-radius:var(--chat-radius-md);max-width:240px}.chat-message-metadata{display:flex;align-items:center;gap:6px;margin-top:4px}.chat-message-time{font-size:11px;opacity:.7;font-weight:600;letter-spacing:.3px}.chat-message-status{display:flex;align-items:center;font-size:12px;opacity:.8}.chat-typing-indicator-wrapper{display:flex;align-items:flex-end;gap:8px;justify-content:flex-start;margin-top:4px}.chat-typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 14px;background:linear-gradient(135deg,var(--chat-bg-tertiary) 0%,var(--chat-bg-quaternary) 100%);border:1px solid var(--chat-border-secondary);border-radius:var(--chat-radius-lg);height:40px}.chat-typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--chat-primary);animation:chatTypingBounce 1.4s infinite}.chat-typing-indicator span:nth-child(2){animation-delay:.2s}.chat-typing-indicator span:nth-child(3){animation-delay:.4s}.chat-scroll-anchor{height:0}.chat-image-preview-section{padding:12px 16px 0;background:linear-gradient(180deg,rgba(26,26,26,.5) 0%,transparent 100%);animation:chatSlideInUp .3s ease-out}.chat-image-preview-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:200px;margin:0 auto;border-radius:var(--chat-radius-lg);overflow:hidden;border:1px solid var(--chat-border-secondary);background:var(--chat-bg-tertiary)}.chat-image-preview{width:100%;height:auto;display:block;max-height:200px;-o-object-fit:cover;object-fit:cover}.chat-preview-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#0009;border:none;color:var(--chat-text-primary);font-size:14px;cursor:pointer;transition:all var(--chat-transition-base);display:flex;align-items:center;justify-content:center}.chat-preview-remove:active{background:#000c;transform:scale(.95)}.chat-input-section{padding:12px 16px 16px;background:linear-gradient(180deg,transparent 0%,rgba(15,15,15,.95) 100%);border-top:1px solid var(--chat-border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:chatSlideInUp .4s ease-out}.chat-input-wrapper{display:flex;align-items:flex-end;gap:8px;margin-bottom:8px}.chat-input-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--chat-radius-full);background:#ff4d7914;border:1px solid var(--chat-border-tertiary);color:var(--chat-text-primary);font-size:18px;cursor:pointer;transition:all var(--chat-transition-base);flex-shrink:0}.chat-input-button:disabled{opacity:.5;cursor:not-allowed}.chat-input-button:active:not(:disabled){background:#ff4d7926;border-color:var(--chat-primary);transform:scale(.95)}.chat-attach-button,.chat-emoji-button{display:none}@media(min-width:360px){.chat-attach-button{display:flex}}@media(min-width:480px){.chat-emoji-button{display:flex}}.chat-input-field-wrapper{flex:1;display:flex;align-items:center;background:linear-gradient(135deg,var(--chat-bg-secondary) 0%,var(--chat-bg-tertiary) 100%);border:1px solid var(--chat-border-secondary);border-radius:var(--chat-radius-full);padding:0 14px;height:40px;overflow:hidden;box-shadow:inset 0 2px 8px #0003}.chat-message-input{flex:1;border:none;background:transparent;color:var(--chat-text-primary);font-family:inherit;font-size:14px;font-weight:500;outline:none;padding:0;margin:0;width:100%;height:100%;resize:none}.chat-message-input::-moz-placeholder{color:var(--chat-text-tertiary)}.chat-message-input::placeholder{color:var(--chat-text-tertiary)}.chat-message-input:disabled{opacity:.6;cursor:not-allowed}.chat-send-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--chat-radius-full);background:linear-gradient(135deg,var(--chat-primary) 0%,var(--chat-primary-dark) 100%);border:none;color:var(--chat-text-primary);font-size:18px;cursor:pointer;transition:all var(--chat-transition-base);flex-shrink:0;box-shadow:0 4px 12px #ff4d794d;position:relative;overflow:hidden}.chat-send-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:chatLightSweep 3s infinite}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}.chat-send-button:active:not(:disabled){transform:scale(.95);box-shadow:0 2px 8px #ff4d794d}.chat-send-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--chat-text-primary);border-radius:50%;animation:chatSpinLoader .8s linear infinite}.chat-input-counter{display:none;align-items:center;justify-content:center;padding:0 14px;height:28px;background:#ff4d7914;border:1px solid var(--chat-border-tertiary);border-radius:var(--chat-radius-full);margin-top:8px}@media(min-width:360px){.chat-input-counter{display:flex}}.chat-counter-value{font-size:12px;font-weight:700;color:var(--chat-primary);letter-spacing:.5px}.chat-loading-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;max-height:100dvh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:var(--chat-text-primary);font-family:var(--chat-font-family-primary)}.chat-loading-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 20px}.chat-loading-spinner{position:relative;width:60px;height:60px}.chat-spinner-ring{position:absolute;width:100%;height:100%;border:2px solid transparent;border-top-color:var(--chat-primary);border-right-color:var(--chat-primary-light);border-radius:50%;animation:chatSpinLoader 1.2s linear infinite}.chat-spinner-ring:nth-child(2){width:70%;height:70%;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:.15s;border-top-color:transparent;border-right-color:var(--chat-primary-darker)}.chat-spinner-ring:nth-child(3){width:40%;height:40%;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:.3s;border-top-color:var(--chat-primary-ultra-dark);border-right-color:transparent}.chat-loading-text{margin:0;font-size:16px;font-weight:700;color:var(--chat-text-primary);letter-spacing:-.3px;text-align:center}.chat-loading-subtext{margin:0;font-size:13px;color:var(--chat-text-secondary);font-weight:500}.chat-error-toast{position:fixed;top:12px;left:12px;right:12px;z-index:100;background:linear-gradient(135deg,#dc262626,#b414141a);border:1px solid rgba(220,38,38,.3);border-radius:var(--chat-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 14px;animation:chatSlideInDown .3s ease-out,chatErrorShake .4s ease-out .3s;box-shadow:0 8px 24px #00000080;max-width:calc(100% - 24px)}.chat-error-content{display:flex;align-items:flex-start;gap:12px}.chat-error-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#dc262633;color:#ff6b6b;font-size:14px;flex-shrink:0}.chat-error-text{display:flex;flex-direction:column;gap:2px;flex:1}.chat-error-title{margin:0;font-size:13px;font-weight:700;color:#ff6b6b;letter-spacing:-.2px}.chat-error-message{margin:0;font-size:12px;color:var(--chat-text-secondary);font-weight:500;line-height:1.3}@media(min-width:320px){.chat-header-wrapper{padding:10px 12px;min-height:56px}.chat-user-name{font-size:15px}.chat-message-bubble{padding:10px 12px}.chat-message-text{font-size:14px}.chat-messages-container{padding:10px 12px}}@media(min-width:360px){.chat-header-wrapper{padding:11px 14px;min-height:60px}.chat-user-avatar{width:40px;height:40px;font-size:15px}.chat-message-bubble{padding:11px 13px}.chat-message-text{font-size:14.5px}.chat-messages-container{padding:11px 14px}.chat-message-bubble-wrapper{max-width:260px}}@media(min-width:480px){.chat-header-wrapper{padding:12px 16px;min-height:64px}.chat-user-avatar{width:44px;height:44px;font-size:16px}.chat-user-name{font-size:16px}.chat-message-bubble{padding:12px 14px}.chat-message-text{font-size:15px}.chat-messages-container{padding:12px 16px}.chat-message-bubble-wrapper{max-width:340px}.chat-input-section{padding:12px 16px 16px}.chat-input-wrapper{gap:10px}.chat-settings-panel{left:10%;right:10%;border-radius:0 0 var(--chat-radius-lg) var(--chat-radius-lg)}}@media(min-width:640px){.chat-root-container{max-width:100%}.chat-message-bubble-wrapper{max-width:400px}.chat-settings-panel{left:20%;right:20%}}button,input{font-family:inherit;font-size:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--chat-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.chat-root-container *,.chat-root-container *:before,.chat-root-container *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){.chat-root-container{color-scheme:dark}}@media print{.chat-header-section,.chat-input-section,.chat-error-toast{display:none}.chat-messages-section{overflow:visible;height:auto}}.profile-container{--primary-color: #ff4d79;--primary-shade-100: #e6456d;--primary-shade-200: #cc3e61;--primary-shade-300: #b33655;--primary-shade-400: #992e49;--primary-shade-500: #80273d;--primary-shade-600: #661f30;--primary-shade-700: #4d1724;--primary-shade-800: #330f18;--primary-shade-900: #1a080c;--primary-tint-100: #ff5f86;--primary-tint-200: #ff7194;--primary-tint-300: #ff82a1;--primary-tint-400: #ff94af;--primary-tint-500: #ffa6bc;--primary-tint-600: #ffb8c9;--primary-tint-700: #ffcad7;--primary-tint-800: #ffdbe4;--primary-tint-900: #ffedf2;--bg-dark: #121212;--bg-dark-secondary: #1a1a1a;--bg-dark-tertiary: #222222;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--border-color: #2a2a2a;--border-color-light: #333333;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .6);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--font-primary: "Poppins", sans-serif;--font-secondary: "Montserrat", sans-serif}@keyframes shine{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:200% 0}}@keyframes lightSweep{0%{background:linear-gradient(90deg,transparent,transparent)}50%{background:linear-gradient(90deg,transparent,rgba(255,77,121,.15),transparent)}to{background:linear-gradient(90deg,transparent,transparent)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-container{background:var(--bg-dark);color:var(--text-primary);min-height:100vh;padding:0;margin:0;font-family:var(--font-secondary);font-size:16px;line-height:1.5;overflow-x:hidden}*{box-sizing:border-box}.profile-header{position:sticky;top:0;background:linear-gradient(180deg,var(--bg-dark) 0%,rgba(18,18,18,.95) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;border-bottom:1px solid var(--border-color);z-index:100;box-shadow:0 2px 12px #0000004d;animation:slideInDown .5s ease}.profile-header-top{display:flex;justify-content:space-between;align-items:center;max-width:600px;margin:0 auto}.profile-page-title{margin:0;font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-edit-profile{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);color:var(--text-primary);border:none;border-radius:var(--radius-full);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;box-shadow:0 4px 12px #ff4d794d}.btn-edit-profile:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:lightSweep 3s infinite}.btn-edit-profile:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d7966;background:linear-gradient(135deg,var(--primary-tint-100) 0%,var(--primary-color) 100%)}.btn-edit-profile:active{transform:translateY(0)}.profile-picture-section{padding:24px 16px}.profile-image-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;animation:slideInUp .6s ease}.profile-image-container{position:relative;width:140px;height:140px;margin:0 auto}.profile-main-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:3px solid var(--primary-color);box-shadow:0 0 0 4px var(--bg-dark-secondary),0 8px 24px #ff4d7940;animation:gloss 6s infinite;transition:transform var(--transition-base)}.profile-main-image:hover{transform:scale(1.02)}.verification-badge{position:absolute;bottom:0;right:0;width:36px;height:36px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:16px;border:2px solid var(--bg-dark);box-shadow:0 2px 8px #ff4d794d;animation:float 3s ease-in-out infinite}.add-photo-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111;border:2px dashed #444;cursor:pointer;transition:.3s}.add-photo-card:hover{border-color:#fff}.add-photo-card svg{font-size:20px;margin-bottom:5px}.profile-image-upload-overlay{position:absolute;inset:0;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:32px;cursor:pointer;opacity:0;transition:opacity var(--transition-base)}.profile-image-container:hover .profile-image-upload-overlay{opacity:1}.profile-info-basic{text-align:center;width:100%;animation:slideInUp .7s ease}.profile-name-section{display:flex;flex-direction:column;gap:8px;align-items:center}.profile-user-name{margin:0;font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);background:linear-gradient(135deg,var(--primary-tint-200) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 3s infinite}.profile-username-location{display:flex;flex-direction:column;gap:6px;align-items:center}.profile-username{font-size:14px;color:var(--text-secondary);font-weight:500}.profile-location{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.icon-location{color:var(--primary-color);font-size:12px}.edit-location-inputs{display:flex;flex-direction:column;gap:10px;margin-top:12px;width:100%}.input-edit-field{width:100%;padding:10px 12px;background:var(--bg-dark-tertiary);border:1px solid var(--border-color-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all var(--transition-base)}.input-edit-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff4d791a;background:var(--bg-dark-secondary)}.input-location{flex:1}.profile-bio-section{padding:20px 16px;animation:slideInUp .8s ease}.profile-bio-text{margin:0;font-size:14px;line-height:1.6;color:var(--text-secondary);padding:12px;background:linear-gradient(135deg,#ff4d790d,#ff4d7905);border-radius:var(--radius-md);border-left:3px solid var(--primary-color)}.input-bio{min-height:100px;resize:vertical;padding:12px}.profile-photos-section{padding:20px 16px;animation:slideInUp .9s ease}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px}.section-title{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.section-count{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);color:var(--text-primary);border-radius:var(--radius-full);font-size:12px;font-weight:700;box-shadow:0 2px 8px #ff4d7940}.photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.photo-card{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--bg-dark-secondary);border:1px solid var(--border-color);transition:all var(--transition-base);animation:scaleIn .4s ease}.photo-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-base)}.photo-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-base);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.photo-zoom-icon{color:var(--text-primary);font-size:28px;opacity:0;transform:scale(.8);transition:all var(--transition-base)}.photo-card:hover .photo-overlay{opacity:1}.photo-card:hover .photo-zoom-icon{opacity:1;transform:scale(1)}.photo-card:hover img{transform:scale(1.1)}.photos-empty{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--text-tertiary);font-size:14px}.profile-physical-section{padding:20px 16px;animation:slideInUp 1s ease}.attributes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.attribute-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.attribute-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,77,121,.1) 0%,transparent 70%);transition:all var(--transition-slow);pointer-events:none}.attribute-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #ff4d7926,inset 0 0 20px #ff4d790d;transform:translateY(-4px)}.attribute-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:var(--radius-full);color:var(--text-primary);font-size:18px;box-shadow:0 2px 8px #ff4d7940}.attribute-content{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.attribute-label{font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.attribute-value{font-size:14px;color:var(--text-primary);font-weight:600}.input-small{width:100%;padding:6px 8px;font-size:13px}.profile-lifestyle-section{padding:20px 16px;animation:slideInUp 1.1s ease}.lifestyle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.lifestyle-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.lifestyle-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #ff4d7926,inset 0 0 20px #ff4d790d;transform:translateY(-4px)}.lifestyle-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-primary);font-size:18px;box-shadow:0 2px 8px #0003;animation:glow 3s ease-in-out infinite}.lifestyle-icon.smoking{background:linear-gradient(135deg,#e74c3c,#c0392b)}.lifestyle-icon.alcohol{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.lifestyle-icon.personality{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%)}.lifestyle-content{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.lifestyle-label{font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.lifestyle-value{font-size:14px;color:var(--text-primary);font-weight:600}.profile-professional-section{padding:20px 16px;animation:slideInUp 1.2s ease}.professional-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color);transition:all var(--transition-base)}.professional-item:last-child{border-bottom:none}.professional-item:hover{padding-left:4px}.icon-professional{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:16px;flex-shrink:0;margin-top:2px}.professional-content{display:flex;flex-direction:column;gap:4px;flex:1}.professional-label{font-size:12px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.professional-value{font-size:14px;color:var(--text-secondary);font-weight:500}.profile-interests-section,.profile-hobbies-section{padding:20px 16px;animation:slideInUp 1.3s ease}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag-item{display:inline-block;padding:6px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:600;transition:all var(--transition-base);border:1px solid transparent;animation:slideInUp .4s ease}.tag-interest{background:linear-gradient(135deg,#ff4d7926,#ff4d7914);color:var(--primary-tint-200);border:1px solid rgba(255,77,121,.3)}.tag-hobby{background:linear-gradient(135deg,#64c8ff26,#64c8ff14);color:#64c8ff;border:1px solid rgba(100,200,255,.3)}.tag-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff4d7926;border-color:var(--primary-color)}.tags-empty{color:var(--text-tertiary);font-size:13px;font-style:italic}.input-tags{min-height:80px;resize:vertical;padding:12px}.profile-relationship-section{padding:20px 16px;animation:slideInUp 1.4s ease}.relationship-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.relationship-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.relationship-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,77,121,.1) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.relationship-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #ff4d7926;transform:translateY(-4px)}.relationship-card:hover:after{opacity:1}.relationship-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:var(--radius-full);color:var(--text-primary);font-size:18px;box-shadow:0 2px 8px #ff4d7940;position:relative;z-index:1}.relationship-content{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;position:relative;z-index:1}.relationship-label{font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.relationship-value{font-size:13px;color:var(--text-primary);font-weight:600}.profile-social-section{padding:20px 16px;animation:slideInUp 1.5s ease}.social-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.social-link-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:linear-gradient(135deg,var(--bg-dark-secondary) 0%,var(--bg-dark-tertiary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);text-decoration:none;font-size:12px;font-weight:600;text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.social-link-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,77,121,.1) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.social-link-item:hover:before{opacity:1}.social-link-item:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 4px 16px #ff4d7926}.social-link-item svg{font-size:20px;transition:all var(--transition-base);position:relative;z-index:1}.social-link-item.instagram{color:#e1306c}.social-link-item.instagram:hover{color:var(--primary-tint-300)}.social-link-item.spotify{color:#1db954}.social-link-item.spotify:hover{color:var(--text-primary)}.social-link-item.facebook{color:#1877f2}.social-link-item.facebook:hover{color:var(--text-primary)}.profile-section{border-bottom:1px solid var(--border-color);position:relative;overflow:hidden}.profile-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,77,121,.03),transparent);animation:lightSweep 8s infinite;pointer-events:none;z-index:-1}.profile-action-section{padding:20px 16px;animation:slideInUp 1.6s ease}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-save,.btn-cancel{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;letter-spacing:.3px;text-transform:uppercase}.btn-save{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);color:var(--text-primary);box-shadow:0 4px 12px #ff4d794d}.btn-save:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:lightSweep 2.5s infinite}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d7966}.btn-save:active{transform:translateY(0)}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-cancel{background:var(--bg-dark-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-cancel:hover{background:var(--bg-dark-tertiary);border-color:var(--text-tertiary);transform:translateY(-2px)}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.profile-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.loader-spinner{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{width:50px;height:50px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.profile-error{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.error-state{text-align:center}.error-state p{color:var(--text-secondary);margin-bottom:20px}.btn-retry{padding:10px 20px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);color:var(--text-primary);border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff4d794d}.profile-error-banner{position:fixed;top:0;left:0;right:0;background:var(--primary-shade-800);color:var(--primary-tint-200);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;z-index:200;animation:slideInDown .4s ease;border-bottom:1px solid var(--primary-color)}.profile-error-banner p{margin:0;font-size:13px;flex:1}.error-close{background:none;border:none;color:var(--primary-tint-200);cursor:pointer;font-size:16px;padding:4px 8px;transition:all var(--transition-base);margin-left:12px}.error-close:hover{color:var(--text-primary)}.photo-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.photo-modal-content{position:relative;width:100%;max-width:500px;max-height:80vh;animation:scaleIn .3s ease}.photo-modal-content img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 12px 40px #ff4d794d}.photo-modal-close{position:absolute;top:-50px;right:0;background-color:var(--bg-dark);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all var(--transition-base);z-index:1}.photo-modal-close:hover{transform:rotate(90deg)}.profile-bottom-spacing{height:80px}.profile-container::-webkit-scrollbar{width:6px}.profile-container::-webkit-scrollbar-track{background:var(--bg-dark)}.profile-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:3px}.profile-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-tint-100) 0%,var(--primary-color) 100%)}@media(max-width:480px){.profile-container{font-size:15px}.profile-header{padding:12px}.profile-page-title{font-size:24px}.btn-edit-profile{padding:6px 12px;font-size:12px;gap:4px}.profile-picture-section{padding:16px 12px}.profile-main-image{width:120px;height:120px}.profile-user-name{font-size:20px}.section-title{font-size:16px}.attributes-grid,.lifestyle-grid,.relationship-grid,.social-links{grid-template-columns:repeat(2,1fr)}.photos-grid{grid-template-columns:repeat(2,1fr);gap:10px}.profile-section{padding:16px 12px}.action-buttons{grid-template-columns:1fr 1fr;gap:10px}.btn-save,.btn-cancel{padding:10px 12px;font-size:12px}.professional-item{padding:10px 0}.icon-professional{width:28px;height:28px;font-size:14px}.professional-label{font-size:10px}.professional-value{font-size:12px}.tag-item{padding:4px 10px;font-size:12px}.input-edit-field{padding:8px 10px;font-size:13px}.attribute-card,.lifestyle-card,.relationship-card{padding:12px}.attribute-icon,.lifestyle-icon,.relationship-icon{width:36px;height:36px;font-size:16px}.attribute-label,.lifestyle-label,.relationship-label{font-size:10px}.attribute-value,.lifestyle-value,.relationship-value{font-size:12px}.profile-bio-text{font-size:13px}.profile-username,.profile-location{font-size:12px}.verification-badge{width:32px;height:32px;font-size:14px}.photo-zoom-icon{font-size:24px}}@media(max-width:380px){.profile-page-title{font-size:22px}.profile-user-name{font-size:18px}.section-title{font-size:15px}.attributes-grid,.lifestyle-grid,.relationship-grid{grid-template-columns:repeat(2,1fr);gap:10px}.photos-grid{grid-template-columns:repeat(2,1fr);gap:8px}.profile-main-image{width:100px;height:100px}.attribute-card,.lifestyle-card,.relationship-card{padding:10px}.icon-professional{width:24px}.tag-item{padding:3px 8px;font-size:11px}.btn-save,.btn-cancel{padding:8px 10px;font-size:11px}.action-buttons{gap:8px}}@media(max-height:600px)and (orientation:landscape){.profile-header{padding:8px 12px}.profile-page-title{font-size:20px}.profile-picture-section{padding:12px}.profile-image-container{width:100px;height:100px}.profile-section{padding:12px}.section-title{font-size:14px}}@media(min-resolution:192dpi){.profile-main-image{border-width:2px}.verification-badge{border-width:1.5px}.btn-edit-profile,.btn-save,.btn-cancel{border-width:.5px}}@media(prefers-color-scheme:dark){.profile-container{--bg-dark: #0f0f0f;--bg-dark-secondary: #1a1a1a;--bg-dark-tertiary: #242424}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.privacy-policy-wrapper,.tnc{--primary-color: #ff4d79;--primary-shade-50: #f5e6ea;--primary-shade-100: #e6456d;--primary-shade-200: #cc3e61;--primary-shade-300: #b33655;--primary-shade-400: #992e49;--primary-shade-500: #80273d;--primary-shade-600: #661f30;--primary-shade-700: #4d1724;--primary-shade-800: #330f18;--primary-shade-900: #1a080c;--primary-tint-100: #ff5f86;--primary-tint-200: #ff7194;--primary-tint-300: #ff82a1;--primary-tint-400: #ff94af;--primary-tint-500: #ffa6bc;--primary-tint-600: #ffb8c9;--primary-tint-700: #ffcad7;--primary-tint-800: #ffdbe4;--primary-tint-900: #ffedf2;--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #242424;--bg-quaternary: #2d2d2d;--bg-quinary: #353535;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--text-quaternary: #595959;--border-color: #2a2a2a;--border-color-light: #333333;--border-color-lighter: #3a3a3a;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .6);--shadow-2xl: 0 16px 40px rgba(0, 0, 0, .7);--shadow-inner: inset 0 2px 8px rgba(0, 0, 0, .4);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-slower: .7s cubic-bezier(.4, 0, .2, 1);--font-family-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "Courier New", monospace;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--letter-spacing-tight: -.5px;--letter-spacing-normal: 0;--letter-spacing-wide: .5px;--letter-spacing-wider: 1px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes shine{0%{background-position:0% center}50%{background-position:100% center}to{background-position:200% center}}@keyframes gloss{0%{box-shadow:inset -100px -100px 200px #fff0}50%{box-shadow:inset 100px -100px 200px #ffffff1a}to{box-shadow:inset -100px -100px 200px #fff0}}@keyframes lightSweep{0%{background-position:-200% center}50%{background-position:200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%,to{box-shadow:0 0 5px #ff4d7933,inset 0 0 5px #ff4d791a}50%{box-shadow:0 0 20px #ff4d7966,inset 0 0 10px #ff4d7933}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #ff4d794d,inset 0 0 10px #ff4d791a}50%{box-shadow:0 0 30px #ff4d7980,inset 0 0 15px #ff4d794d}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.05)}}@keyframes shimmerText{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes borderFlow{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes loadingPulse{0%,to{opacity:.4}50%{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}.privacy-policy-wrapper,.tnc{width:100%;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-family-secondary);font-size:15px;line-height:var(--line-height-normal);overflow:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.privacy-policy-header,.tnc-header{padding:16px;background:linear-gradient(180deg,#0f0f0ffa,#0f0f0fd9);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;animation:slideInDown .5s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.privacy-policy-header:after,.tnc-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);animation:lightSweep 3s infinite;background-size:200% auto}.privacy-policy-header-content,.tnc-header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;max-width:100%}.privacy-policy-header-text,.tnc-header-text{flex:1;display:flex;flex-direction:column;gap:4px}.privacy-policy-header-title,.tnc-header-title{margin:0;font-size:26px;font-weight:800;letter-spacing:var(--letter-spacing-tight);color:var(--text-primary);font-family:var(--font-family-secondary);line-height:var(--line-height-tight);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeIn .6s ease-out}.privacy-policy-header-subtitle,.tnc-header-subtitle{margin:0;font-size:13px;color:var(--text-tertiary);font-weight:500;letter-spacing:.3px;font-family:var(--font-family-secondary);animation:fadeIn .6s ease-out .1s backwards}.privacy-policy-header-icon,.tnc-header-icon{display:flex;align-items:center;justify-content:center;min-width:52px;height:52px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:var(--radius-lg);font-size:26px;color:var(--text-primary);flex-shrink:0;animation:popIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 24px #ff4d794d}.privacy-policy-back-button,.tnc-back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);font-size:18px;position:relative;overflow:hidden;flex-shrink:0}.privacy-policy-back-button:before,.tnc-back-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,77,121,.1),transparent);animation:lightSweep 3s infinite;background-size:200% auto;pointer-events:none}.privacy-policy-back-button:hover,.tnc-back-button:hover{border-color:var(--primary-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-secondary) 90%,var(--primary-color)),color-mix(in srgb,var(--bg-tertiary) 90%,var(--primary-color)));transform:translate(-2px);box-shadow:0 8px 24px #ff4d7933}.privacy-policy-back-button:active,.tnc-back-button:active{transform:translate(-1px) scale(.98)}.privacy-policy-nav-section,.tnc-nav-section{padding:12px 16px 0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;animation:slideInDown .5s ease-out .1s backwards}.privacy-policy-nav-section::-webkit-scrollbar,.tnc-nav-section::-webkit-scrollbar{height:3px}.privacy-policy-nav-section::-webkit-scrollbar-track,.tnc-nav-section::-webkit-scrollbar-track{background:transparent}.privacy-policy-nav-section::-webkit-scrollbar-thumb,.tnc-nav-section::-webkit-scrollbar-thumb{background:var(--border-color-light);border-radius:var(--radius-full)}.privacy-policy-nav-container,.tnc-nav-container{display:flex;gap:10px;padding-bottom:12px;min-width:-moz-min-content;min-width:min-content}.privacy-policy-nav-button,.tnc-nav-button{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:12px;font-weight:600;font-family:var(--font-family-secondary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden;animation:slideInUp .5s ease-out backwards}.privacy-policy-nav-button:before,.tnc-nav-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,77,121,.1),transparent);animation:lightSweep 3s infinite;background-size:200% auto;pointer-events:none}.privacy-policy-nav-button:hover,.tnc-nav-button:hover{border-color:var(--primary-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-secondary) 92%,var(--primary-color)),color-mix(in srgb,var(--bg-tertiary) 92%,var(--primary-color)));color:var(--text-primary)}.privacy-policy-nav-button.active,.tnc-nav-button.active{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);color:var(--text-primary);box-shadow:0 8px 24px #ff4d794d}.privacy-policy-nav-button-icon,.tnc-nav-button-icon{font-size:14px;flex-shrink:0}.privacy-policy-nav-button-text,.tnc-nav-button-text{display:none}@media(min-width:480px){.privacy-policy-nav-button-text,.tnc-nav-button-text{display:inline}}.privacy-policy-content,.tnc-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0;display:flex;flex-direction:column}.privacy-policy-content::-webkit-scrollbar,.tnc-content::-webkit-scrollbar{width:4px}.privacy-policy-content::-webkit-scrollbar-track,.tnc-content::-webkit-scrollbar-track{background:var(--bg-primary)}.privacy-policy-content::-webkit-scrollbar-thumb,.tnc-content::-webkit-scrollbar-thumb{background:var(--border-color-lighter);border-radius:var(--radius-full)}.privacy-policy-content::-webkit-scrollbar-thumb:hover,.tnc-content::-webkit-scrollbar-thumb:hover{background:var(--border-color-light)}.privacy-policy-loading-container,.tnc-loading-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 20px;animation:fadeIn .4s ease-out}.privacy-policy-loader,.tnc-loader{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spinSlow 1s linear infinite}.privacy-policy-loading-text,.tnc-loading-text{font-size:14px;color:var(--text-secondary);font-weight:500;animation:pulse 2s ease-in-out infinite}.privacy-policy-error-container,.tnc-error-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;animation:fadeIn .4s ease-out}.privacy-policy-error-icon,.tnc-error-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--error-color) 0%,#d32f2f 100%);border-radius:50%;font-size:32px;color:var(--text-primary);animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.privacy-policy-error-title,.tnc-error-title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);text-align:center;font-family:var(--font-family-secondary);letter-spacing:var(--letter-spacing-tight)}.privacy-policy-error-message,.tnc-error-message{margin:0;font-size:14px;color:var(--text-secondary);text-align:center;max-width:280px;line-height:var(--line-height-normal)}.privacy-policy-retry-button,.tnc-retry-button{display:flex;align-items:center;justify-content:center;padding:12px 32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);color:var(--text-primary);border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family-secondary);box-shadow:0 8px 24px #ff4d794d;margin-top:8px}.privacy-policy-retry-button:hover,.tnc-retry-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff4d7966}.privacy-policy-retry-button:active,.tnc-retry-button:active{transform:translateY(0)}.privacy-policy-sections-wrapper,.tnc-sections-wrapper{padding:16px;display:flex;flex-direction:column;gap:12px;animation:fadeIn .4s ease-out}.privacy-policy-section-card,.tnc-section-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);position:relative;animation:slideInUp .5s ease-out backwards}.privacy-policy-section-card:before,.tnc-section-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,77,121,.05),transparent);animation:lightSweep 3s infinite;background-size:200% auto;pointer-events:none;z-index:0}.privacy-policy-section-card.active,.tnc-section-card.active{border-color:var(--primary-color);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-secondary) 92%,var(--primary-color)),color-mix(in srgb,var(--bg-tertiary) 92%,var(--primary-color)));box-shadow:0 12px 32px #ff4d7933}.privacy-policy-section-header,.tnc-section-header{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1;cursor:pointer;transition:all var(--transition-base);border-bottom:1px solid var(--border-color)}.privacy-policy-section-card.active .privacy-policy-section-header,.tnc-section-card.active .tnc-section-header{border-bottom-color:var(--primary-color)}.privacy-policy-section-header-left,.tnc-section-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.privacy-policy-section-icon,.tnc-section-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:var(--radius-md);font-size:18px;color:var(--text-primary);animation:popIn .4s ease-out;box-shadow:0 4px 12px #ff4d7933}.privacy-policy-section-title-group,.tnc-section-title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.privacy-policy-section-title,.tnc-section-title{margin:0;font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);font-family:var(--font-family-secondary);line-height:var(--line-height-tight);text-align:left}.privacy-policy-section-description{margin:0;font-size:12px;color:var(--text-tertiary);font-weight:500;letter-spacing:.2px;font-family:var(--font-family-secondary)}.privacy-policy-section-count,.tnc-section-count{margin:0;font-size:11px;color:var(--text-quaternary);font-weight:600;letter-spacing:.3px;text-transform:uppercase}.privacy-policy-section-content,.tnc-section-content{padding:16px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.privacy-policy-item,.tnc-subsection{background:linear-gradient(135deg,#ff4d7905,#ff4d7903);border-left:3px solid var(--primary-color);border-radius:var(--radius-md);padding:12px 14px;transition:all var(--transition-base);position:relative;overflow:hidden;animation:slideInUp .5s ease-out backwards}.privacy-policy-item:before,.tnc-subsection:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,77,121,.03),transparent);animation:lightSweep 3s infinite;background-size:200% auto;pointer-events:none}.privacy-policy-item:hover,.tnc-subsection:hover{background:linear-gradient(135deg,#ff4d790d,#ff4d7908);transform:translate(2px)}.privacy-policy-item-header,.tnc-subsection-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;cursor:pointer;transition:all var(--transition-base);position:relative;z-index:1}.privacy-policy-item-title-group,.tnc-subsection-header{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0}.privacy-policy-item-number,.tnc-subsection-number{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:50%;font-size:12px;font-weight:700;color:var(--text-primary);flex-shrink:0;box-shadow:0 4px 12px #ff4d7933}.privacy-policy-item-text-group{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.privacy-policy-item-title,.tnc-subsection-title{margin:0;font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);font-family:var(--font-family-secondary);line-height:var(--line-height-tight);word-break:break-word}.privacy-policy-item-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-tertiary);transition:all var(--transition-base);flex-shrink:0}.privacy-policy-item-toggle.expanded{color:var(--primary-color);transform:rotate(180deg)}.privacy-policy-item-content,.tnc-subsection-text{overflow:hidden;animation:slideInDown .3s ease-out}.privacy-policy-item-text,.tnc-subsection-text{margin:0;padding-top:8px;padding-left:38px;font-size:13px;color:var(--text-secondary);font-weight:400;line-height:var(--line-height-relaxed);font-family:var(--font-family-secondary);word-break:break-word;letter-spacing:.2px}.privacy-policy-compliance-card,.privacy-policy-contact-card{background:linear-gradient(135deg,#10b98114,#10b9810a);border:1.5px solid color-mix(in srgb,var(--border-color) 90%,var(--success-color));border-radius:var(--radius-lg);padding:16px;display:flex;gap:12px;align-items:flex-start;animation:slideInUp .5s ease-out;position:relative;overflow:hidden}.privacy-policy-compliance-card:before,.privacy-policy-contact-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(16,185,129,.05),transparent);animation:lightSweep 3s infinite;background-size:200% auto;pointer-events:none}.privacy-policy-compliance-icon,.privacy-policy-contact-icon{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;background:linear-gradient(135deg,var(--success-color) 0%,#059669 100%);border-radius:var(--radius-md);font-size:18px;color:var(--text-primary);flex-shrink:0;box-shadow:0 4px 12px #10b98133}.privacy-policy-compliance-content,.privacy-policy-contact-content{flex:1;display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.privacy-policy-compliance-title,.privacy-policy-contact-title{margin:0;font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);font-family:var(--font-family-secondary)}.privacy-policy-compliance-text,.privacy-policy-contact-text{margin:0;font-size:13px;color:var(--text-secondary);font-weight:400;line-height:var(--line-height-normal);font-family:var(--font-family-secondary);letter-spacing:.2px}.privacy-policy-contact-card{background:linear-gradient(135deg,#3b82f614,#3b82f60a);border-color:color-mix(in srgb,var(--border-color) 90%,var(--info-color))}.privacy-policy-contact-card:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent)}.privacy-policy-contact-icon{background:linear-gradient(135deg,var(--info-color) 0%,#1d4ed8 100%);box-shadow:0 4px 12px #3b82f633}.privacy-policy-acceptance-card,.tnc-acceptance-card{background:linear-gradient(135deg,#ff4d791a,#ff4d790d);border:1.5px solid color-mix(in srgb,var(--border-color) 85%,var(--primary-color));border-radius:var(--radius-lg);padding:16px;display:flex;gap:12px;align-items:flex-start;animation:slideInUp .5s ease-out;position:relative;overflow:hidden}.privacy-policy-acceptance-card:before,.tnc-acceptance-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,77,121,.08),transparent);animation:lightSweep 3s infinite;background-size:200% auto;pointer-events:none}.privacy-policy-acceptance-icon,.tnc-acceptance-icon{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-shade-100) 100%);border-radius:var(--radius-md);font-size:18px;color:var(--text-primary);flex-shrink:0;box-shadow:0 4px 12px #ff4d7933;animation:popIn .4s ease-out}.privacy-policy-acceptance-content,.tnc-acceptance-content{flex:1;display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.privacy-policy-acceptance-title,.tnc-acceptance-title{margin:0;font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);font-family:var(--font-family-secondary)}.privacy-policy-acceptance-text,.tnc-acceptance-text{margin:0;font-size:13px;color:var(--text-secondary);font-weight:400;line-height:var(--line-height-normal);font-family:var(--font-family-secondary);letter-spacing:.2px}.privacy-policy-last-updated,.tnc-last-updated{display:flex;align-items:center;gap:8px;padding:16px;background:linear-gradient(135deg,#ff4d790a,#ff4d7905);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:12px;color:var(--text-tertiary);font-weight:500;letter-spacing:.3px;animation:fadeIn .6s ease-out;margin-top:8px;position:relative;z-index:1}.privacy-policy-last-updated-icon,.tnc-last-updated-icon{font-size:14px;color:var(--primary-color);animation:float 3s ease-in-out infinite}@media(max-width:375px){.privacy-policy-wrapper,.tnc{font-size:14px}.privacy-policy-header-title,.tnc-header-title{font-size:24px}.privacy-policy-header-subtitle,.tnc-header-subtitle{font-size:12px}.privacy-policy-sections-wrapper,.tnc-sections-wrapper{padding:12px;gap:10px}.privacy-policy-section-card,.tnc-section-card{border-radius:var(--radius-md)}.privacy-policy-section-header,.tnc-section-header{padding:14px}.privacy-policy-item,.tnc-subsection{padding:10px 12px}.privacy-policy-item-title,.tnc-subsection-title{font-size:13px}.privacy-policy-item-text,.tnc-subsection-text{font-size:12px;padding-left:36px}.privacy-policy-nav-button,.tnc-nav-button{padding:8px 12px;font-size:11px}}@media(min-width:376px)and (max-width:480px){.privacy-policy-wrapper,.tnc{font-size:15px}.privacy-policy-header-title,.tnc-header-title{font-size:25px}.privacy-policy-sections-wrapper,.tnc-sections-wrapper{padding:14px;gap:11px}.privacy-policy-item-text,.tnc-subsection-text{font-size:13px}}@media(min-width:481px)and (max-width:640px){.privacy-policy-header-title,.tnc-header-title{font-size:28px}.privacy-policy-sections-wrapper,.tnc-sections-wrapper{padding:16px;gap:12px}.privacy-policy-nav-button,.tnc-nav-button{padding:11px 15px;font-size:13px}}@media(min-width:641px){.privacy-policy-sections-wrapper,.tnc-sections-wrapper{max-width:700px;margin:0 auto}.privacy-policy-nav-container,.tnc-nav-container{justify-content:center}}.privacy-policy-nav-button:focus-visible,.tnc-nav-button:focus-visible,.privacy-policy-back-button:focus-visible,.tnc-back-button:focus-visible,.privacy-policy-retry-button:focus-visible,.tnc-retry-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.privacy-policy-item-header:focus-visible,.tnc-subsection-header:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(prefers-color-scheme:dark){.privacy-policy-wrapper,.tnc{--bg-primary: #0f0f0f;--text-primary: #ffffff}}@media print{.privacy-policy-header,.tnc-header,.privacy-policy-nav-section,.tnc-nav-section,.privacy-policy-back-button,.tnc-back-button{display:none}.privacy-policy-wrapper,.tnc{background:#fff;color:#000}.privacy-policy-section-card,.tnc-section-card{page-break-inside:avoid;border:1px solid #ccc}.privacy-policy-sections-wrapper,.tnc-sections-wrapper{padding:0}}.privacy-policy-wrapper,.tnc{-webkit-user-select:text;-webkit-touch-callout:none}.privacy-policy-nav-button,.tnc-nav-button,.privacy-policy-back-button,.tnc-back-button{-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.privacy-policy-section-card:nth-child(1){animation-delay:0s}.privacy-policy-section-card:nth-child(2){animation-delay:.1s}.privacy-policy-section-card:nth-child(3){animation-delay:.2s}.privacy-policy-section-card:nth-child(4){animation-delay:.3s}.privacy-policy-section-card:nth-child(5){animation-delay:.4s}.privacy-policy-section-card:nth-child(6){animation-delay:.5s}.privacy-policy-section-card:nth-child(7){animation-delay:.6s}.privacy-policy-section-card:nth-child(8){animation-delay:.7s}.privacy-policy-item:nth-child(1){animation-delay:0s}.privacy-policy-item:nth-child(2){animation-delay:.1s}.privacy-policy-item:nth-child(3){animation-delay:.2s}.privacy-policy-item:nth-child(4){animation-delay:.3s}.privacy-policy-item:nth-child(5){animation-delay:.4s}.tnc-subsection:nth-child(1){animation-delay:0s}.tnc-subsection:nth-child(2){animation-delay:.1s}.tnc-subsection:nth-child(3){animation-delay:.2s}.tnc-subsection:nth-child(4){animation-delay:.3s}.privacy-policy-error-state,.tnc-error-state{background:linear-gradient(180deg,#0f0f0ffa,#0f0f0ff2)}.privacy-policy-section-card{-o-border-image:linear-gradient(90deg,transparent,var(--border-color),transparent) 1;border-image:linear-gradient(90deg,transparent,var(--border-color),transparent) 1}.privacy-policy-section-card.active{-o-border-image:linear-gradient(90deg,transparent,var(--primary-color),transparent) 1;border-image:linear-gradient(90deg,transparent,var(--primary-color),transparent) 1}.privacy-policy-item:active{transform:translate(4px) scale(.98)}.privacy-policy-nav-button:active{transform:scale(.96)}.privacy-policy-back-button:active{transform:translate(-1px) scale(.96)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}