@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";._button_1bqyn_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);font-family:inherit;white-space:nowrap;-webkit-user-select:none;user-select:none}._button_1bqyn_1:disabled{opacity:.6;cursor:not-allowed}._button_1bqyn_1:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}._button--primary_1bqyn_26{background-color:var(--color-primary);color:#fff}._button--primary_1bqyn_26:hover:not(:disabled){background-color:var(--color-primary-hover)}._button--secondary_1bqyn_35{background-color:var(--color-secondary);color:#fff}._button--secondary_1bqyn_35:hover:not(:disabled){background-color:var(--color-secondary-hover)}._button--outline_1bqyn_44{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}._button--outline_1bqyn_44:hover:not(:disabled){background-color:var(--color-primary-light)}._button--ghost_1bqyn_54{background-color:transparent;color:var(--color-text-primary)}._button--ghost_1bqyn_54:hover:not(:disabled){background-color:var(--color-background-secondary)}._button--danger_1bqyn_63{background-color:var(--color-error);color:#fff}._button--danger_1bqyn_63:hover:not(:disabled){background-color:var(--color-error-dark)}._button--sm_1bqyn_72{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);min-height:32px}._button--md_1bqyn_78{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);min-height:40px}._button--lg_1bqyn_84{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg);min-height:48px}._button--full-width_1bqyn_90{width:100%}._button--loading_1bqyn_94{position:relative;pointer-events:none}._spinner_1bqyn_99{animation:_spin_1bqyn_99 1s linear infinite;width:1em;height:1em}._button-content--hidden_1bqyn_105{opacity:0}@keyframes _spin_1bqyn_99{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._card_1t868_1{border-radius:var(--radius-lg);background-color:var(--color-background);transition:all var(--transition-base)}._card--default_1t868_7{border:1px solid var(--color-border)}._card--outlined_1t868_11{border:2px solid var(--color-border)}._card--elevated_1t868_15{border:none;box-shadow:var(--shadow-md)}._card--padding-none_1t868_20{padding:0}._card--padding-sm_1t868_24{padding:var(--spacing-3)}._card--padding-md_1t868_28{padding:var(--spacing-4)}._card--padding-lg_1t868_32{padding:var(--spacing-6)}._cardHeader_1t868_36{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}._cardTitle_1t868_43{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}._cardContent_1t868_50{color:var(--color-text-secondary)}._cardFooter_1t868_54{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}._errorBoundary_b1i90_1{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-4)}._errorCard_b1i90_9{max-width:500px;width:100%}._errorIcon_b1i90_14{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--spacing-4);color:var(--color-error)}._errorMessage_b1i90_24{color:var(--color-text-secondary);margin-bottom:var(--spacing-4);text-align:center}._errorDetails_b1i90_30{margin-bottom:var(--spacing-4);padding:var(--spacing-3);background-color:var(--color-background-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}._errorDetails_b1i90_30 summary{cursor:pointer;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}._errorDetails_b1i90_30 pre{overflow-x:auto;white-space:pre-wrap;word-break:break-all;color:var(--color-text-secondary)}._errorActions_b1i90_51{display:flex;gap:var(--spacing-3);justify-content:center}._loader_f3b9c_1{display:inline-flex;align-items:center;justify-content:center}._spinner_f3b9c_7{animation:_spin_f3b9c_7 1s linear infinite;color:var(--color-primary)}@keyframes _spin_f3b9c_7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader--sm_f3b9c_21 ._spinner_f3b9c_7{width:16px;height:16px}._loader--md_f3b9c_26 ._spinner_f3b9c_7{width:24px;height:24px}._loader--lg_f3b9c_31 ._spinner_f3b9c_7{width:32px;height:32px}._fullScreen_f3b9c_36{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-index-modal)}._rootLayout_1kwy9_1{min-height:100vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}._mainContent_1kwy9_9{flex:1;width:100%;max-width:var(--container-max-width);margin:0 auto;overflow:visible}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:not(:has(.auth-page-wrapper)){margin:0;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh;overflow-x:hidden;overflow-y:auto}:root{--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--color-primary-50: #f0f9ff;--color-primary-100: #e0f2fe;--color-primary-200: #bae6fd;--color-primary-300: #7dd3fc;--color-primary-400: #38bdf8;--color-primary-500: #0ea5e9;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-primary-800: #075985;--color-primary-900: #0c4a6e;--color-primary: var(--color-primary-600);--color-primary-hover: var(--color-primary-700);--color-primary-light: var(--color-primary-100);--color-primary-dark: var(--color-primary-800);--color-secondary-50: #faf5ff;--color-secondary-100: #f3e8ff;--color-secondary-200: #e9d5ff;--color-secondary-300: #d8b4fe;--color-secondary-400: #c084fc;--color-secondary-500: #a855f7;--color-secondary-600: #9333ea;--color-secondary-700: #7e22ce;--color-secondary-800: #6b21a8;--color-secondary-900: #581c87;--color-secondary: var(--color-secondary-600);--color-secondary-hover: var(--color-secondary-700);--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #059669;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #dc2626;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #d97706;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #2563eb;--color-background: #ffffff;--color-background-secondary: var(--color-gray-50);--color-background-tertiary: var(--color-gray-100);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-500);--color-text-disabled: var(--color-gray-400);--color-border: var(--color-gray-200);--color-border-hover: var(--color-gray-300);--color-border-focus: var(--color-primary-500);--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1080;--container-max-width: 1280px;--container-padding: var(--spacing-4);--header-height: 64px;--bottom-nav-height: 64px}@media(prefers-color-scheme:dark){:root{--color-background: var(--color-gray-900);--color-background-secondary: var(--color-gray-800);--color-background-tertiary: var(--color-gray-700);--color-text-primary: var(--color-gray-50);--color-text-secondary: var(--color-gray-300);--color-text-tertiary: var(--color-gray-400);--color-text-disabled: var(--color-gray-600);--color-border: var(--color-gray-700);--color-border-hover: var(--color-gray-600)}}*:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.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}:root{--primary: #EF3740;--secondary: #EF3740;--accent: #EF3740;--bg: #FFFFFF;--card: #FFFFFF;--border: rgba(116, 120, 149, .2);--text: #1B264F;--muted: #747895;--light: #CDD0DC;--dark: #383838}.auth-page-wrapper{height:100vh;overflow:hidden;background:linear-gradient(135deg,#fff,#f8f9fc,#f0f2f8 60%,#fff),radial-gradient(circle at 20% 30%,rgba(27,38,79,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(116,120,149,.02) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(239,55,64,.015) 0%,transparent 60%);background-attachment:fixed;position:relative;display:flex;align-items:center;justify-content:center;padding:10px;color:var(--text);width:100vw;min-height:100vh}.auth-page-wrapper:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 25%,rgba(27,38,79,.08) 0%,transparent 50%),radial-gradient(circle at 85% 75%,rgba(116,120,149,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(205,208,220,.05) 0%,transparent 60%),radial-gradient(circle at 30% 80%,rgba(239,55,64,.04) 0%,transparent 45%),radial-gradient(circle at 70% 20%,rgba(239,55,64,.03) 0%,transparent 45%),linear-gradient(135deg,transparent 0%,rgba(27,38,79,.01) 50%,transparent 100%);pointer-events:none;z-index:0;animation:backgroundPulse 20s ease-in-out infinite}.auth-page-wrapper:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 100px,rgba(27,38,79,.008) 100px,rgba(27,38,79,.008) 102px),repeating-linear-gradient(-45deg,transparent,transparent 100px,rgba(116,120,149,.008) 100px,rgba(116,120,149,.008) 102px);pointer-events:none;z-index:0}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{font-family:Inter,sans-serif!important;font-size:16px;line-height:1.5;color:var(--text);background-color:transparent!important;margin:0;padding:0}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 25%,rgba(27,38,79,.08) 0%,transparent 50%),radial-gradient(circle at 85% 75%,rgba(116,120,149,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(205,208,220,.05) 0%,transparent 60%),radial-gradient(circle at 30% 80%,rgba(239,55,64,.04) 0%,transparent 45%),radial-gradient(circle at 70% 20%,rgba(239,55,64,.03) 0%,transparent 45%),linear-gradient(135deg,transparent 0%,rgba(27,38,79,.01) 50%,transparent 100%);pointer-events:none;z-index:0;animation:backgroundPulse 20s ease-in-out infinite}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 100px,rgba(27,38,79,.008) 100px,rgba(27,38,79,.008) 102px),repeating-linear-gradient(-45deg,transparent,transparent 100px,rgba(116,120,149,.008) 100px,rgba(116,120,149,.008) 102px);pointer-events:none;z-index:0}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.8}}.main-container{display:flex;width:100%;max-width:1100px;align-items:stretch;justify-content:center;height:100%;max-height:100vh;padding:20px;overflow:hidden;position:relative;z-index:1;min-height:auto}.left-section{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:30px 25px;height:100%;overflow:hidden;background:transparent;border-radius:0;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;position:relative;border-right:2px solid rgba(116,120,149,.08);flex:1;z-index:2}.left-section:before{display:none}.logo{width:auto;height:auto;margin-bottom:0;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;filter:drop-shadow(0 4px 12px rgba(239,55,64,.25));position:relative;z-index:2}.logo-img{height:70px;width:auto;max-width:220px;object-fit:contain}.image-container{width:100%;max-width:500px;margin:20px 0;position:relative;z-index:2}.illustration{width:100%;height:auto;border-radius:20px;opacity:.9}.illustration-placeholder{width:100%;aspect-ratio:1;max-height:380px;background:linear-gradient(135deg,#fffffffa,#f8f9fcf5,#f0f2f8f0),radial-gradient(circle at 30% 30%,rgba(27,38,79,.04) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(116,120,149,.03) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(239,55,64,.015) 0%,transparent 60%);border-radius:28px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.9);position:relative;overflow:hidden;box-shadow:0 30px 90px #1b264f1a,0 15px 50px #3838380f,0 5px 20px #00000008,inset 0 1px #fffffff2,inset 0 -1px #1b264f0a,0 0 0 1px #fffc inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.illustration-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);z-index:3}.illustration-image{width:100%;height:100%;object-fit:cover;border-radius:32px;position:absolute;top:0;left:0;z-index:1}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1b264f1f,#74789514,#cdd0dc0a),linear-gradient(45deg,#ef37400a,#ef374006,#ef374004),radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:36px;z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.branding-text{margin-top:8px}.branding-text h1{font-size:22px;font-weight:700;margin-bottom:6px;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.branding-text p{font-size:13px;color:var(--muted);line-height:1.4;max-width:300px;margin:0 auto}.features-list{margin-top:8px;text-align:left;max-width:300px;margin-left:auto;margin-right:auto}.features-list li{list-style:none;padding:4px 0;display:flex;align-items:center;color:var(--muted);font-size:12px}.features-list li:before{content:"✓";color:#ef3740;font-weight:700;margin-right:8px;width:18px;height:18px;background:#ef374026;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.right-section{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;overflow:hidden;position:relative;flex:1.2;padding:30px 25px;z-index:2}.right-section:before{display:none}.right-section:after{display:none}.main-container{background:linear-gradient(135deg,#fffffffa,#fffffff5,#f8f9fcf2),radial-gradient(circle at 0% 0%,rgba(27,38,79,.02) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(116,120,149,.015) 0%,transparent 50%);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:2px solid rgba(255,255,255,.95);border-radius:36px;box-shadow:0 35px 100px #1b264f1f,0 15px 50px #38383814,0 5px 20px #0000000a,0 0 0 1px #fffc inset,0 2px 10px #ffffff80 inset}.card{width:100%;max-width:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;padding:0;box-shadow:none;max-height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden;position:relative;z-index:2}.card:before{display:none}.card:after{display:none}.card::-webkit-scrollbar{width:6px}.card::-webkit-scrollbar-track{background:transparent}.card::-webkit-scrollbar-thumb{background:#7478954d;border-radius:3px}.card::-webkit-scrollbar-thumb:hover{background:#74789580}.steps{display:flex;gap:6px;margin-bottom:12px}.steps span{flex:1;height:5px;background:#74789526;border-radius:10px;position:relative;overflow:hidden}.steps span:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,#7478954d,#74789533);transition:width .3s}.steps span.active{background:#ef3740;box-shadow:0 2px 8px #ef37404d}.steps span.active:after{width:100%;background:linear-gradient(90deg,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}h2{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--text);background:linear-gradient(135deg,#1b264f,#383838,#1b264f);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite;position:relative;padding-left:8px}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}p{font-size:13px;color:var(--muted);margin-bottom:12px}.input{width:100%;background:linear-gradient(135deg,#fffffffa,#fafbfcf5),linear-gradient(0deg,rgba(255,255,255,.5) 0%,transparent 100%);border:2px solid rgba(116,120,149,.15);padding:14px 18px;border-radius:18px;color:var(--text);font-size:14px;margin-bottom:14px;transition:all .3s ease;box-shadow:0 3px 12px #1b264f0a,0 1px 4px #00000005,inset 0 1px #ffffffe6,inset 0 -1px #1b264f05;position:relative}.input::placeholder{color:#74789580}.input:hover{border-color:#1b264f40;box-shadow:0 5px 20px #1b264f14,0 2px 8px #3838380a,inset 0 1px #fffffff2,inset 0 -1px #1b264f08;transform:translateY(-1px);background:linear-gradient(135deg,#fff,#fffffffa)}.input:focus{outline:none;border-color:#1b264f;box-shadow:0 0 0 4px #1b264f1f,0 8px 25px #1b264f26,0 3px 10px #3838380f,inset 0 1px #fff,inset 0 -1px #1b264f0a;transform:translateY(-2px);background:#fff}.btn{width:100%;padding:12px;border-radius:16px;border:none;font-size:15px;font-weight:600;cursor:pointer;background:#ef3740;color:#fff;transition:all .3s ease;margin-top:4px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:hover{background:#ef3740;transform:translateY(-2px);box-shadow:0 12px 32px #ef374066,0 4px 12px #ef37404d,inset 0 1px #ffffff4d}.btn:active{transform:translateY(0);box-shadow:0 4px 16px #ef37404d,inset 0 2px 4px #0000001a}.button-group{display:flex;gap:12px;margin-top:20px}.button-group .btn{flex:1}.modal-body .button-group .btn-secondary{flex:.85;background:#fff;color:var(--muted);border:2px solid rgba(116,120,149,.22);box-shadow:none;font-weight:500}.modal-body .button-group .btn-secondary:hover{background:#7478950f;border-color:#7478954d;color:var(--text);transform:none}.modal-body .button-group .btn:not(.btn-secondary){flex:1.35;font-weight:600;box-shadow:0 4px 16px #ef374047}.btn-secondary{background:#7478951a;color:var(--text);border:2px solid rgba(116,120,149,.2)}.btn-secondary:hover{background:#74789526;border-color:#7478954d;transform:translateY(-2px)}.google-btn{background:#fff;color:#383838;border-radius:16px;padding:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;margin-bottom:10px;font-size:14px;border:1.5px solid rgba(116,120,149,.2);box-shadow:0 4px 12px #00000014,0 1px 3px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.divider{text-align:center;color:var(--muted);font-size:12px;margin:10px 0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{padding:12px 20px;border-radius:30px;border:2px solid rgba(116,120,149,.2);cursor:pointer;font-size:14px;font-weight:500;background:linear-gradient(135deg,#fffffffa,#fafbfcf5),linear-gradient(0deg,rgba(255,255,255,.6) 0%,transparent 100%);color:var(--text);transition:all .3s ease;box-shadow:0 4px 12px #1b264f0d,0 1px 4px #00000008,inset 0 1px #ffffffe6,inset 0 -1px #1b264f05;position:relative;overflow:hidden}.chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(239,55,64,.1),transparent);transition:left .5s ease}.chip:hover:before{left:100%}.chip:hover{border-color:#1b264f;background:linear-gradient(135deg,#1b264f0f,#7478950a);transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #1b264f1f,0 2px 8px #38383814,inset 0 1px #fff9}.chip.active{background:#ef3740;border-color:transparent;color:#fff;box-shadow:0 8px 24px #ef374059,0 4px 12px #1b264f40,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;transform:translateY(-2px) scale(1.05);position:relative}.chip.active:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);border-radius:30px;pointer-events:none}.cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.gender-cards .card-option{display:flex;align-items:center;justify-content:center;gap:6px;min-height:52px;padding:12px 10px;line-height:1.3;overflow:visible}.gender-cards .card-option:before{display:none}.gender-cards .card-option:hover,.gender-cards .card-option.active{transform:none}.gender-cards .card-option-label{text-align:center}.gender-cards .card-option-info{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:#7478951f;color:var(--muted);cursor:help;transition:background .2s ease,color .2s ease}.gender-cards .card-option-info:hover,.gender-cards .card-option-info:focus-visible,.gender-cards .card-option-info.is-open{background:#1b264f1f;color:var(--text);outline:none}.gender-cards .card-option-info-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:min(220px,70vw);padding:8px 10px;border-radius:8px;background:#1b264f;color:#fff;font-size:11px;font-weight:400;line-height:1.4;text-align:center;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;box-shadow:0 6px 18px #1b264f47;z-index:20}.gender-cards .card-option-info-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#1b264f}.gender-cards .card-option-info:hover .card-option-info-tooltip,.gender-cards .card-option-info:focus-visible .card-option-info-tooltip,.gender-cards .card-option-info.is-open .card-option-info-tooltip{opacity:1;visibility:visible}.gender-cards .card-option.active .card-option-info{background:#ffffff38;color:#fff}.gender-cards .card-option.active .card-option-info:hover,.gender-cards .card-option.active .card-option-info:focus-visible,.gender-cards .card-option.active .card-option-info.is-open{background:#ffffff52;color:#fff}.card-option{padding:20px;text-align:center;border:2px solid rgba(116,120,149,.2);border-radius:24px;cursor:pointer;background:linear-gradient(135deg,#fffffffa,#fafbfcf5),linear-gradient(0deg,rgba(255,255,255,.6) 0%,transparent 100%);color:var(--text);transition:all .3s ease;font-weight:500;box-shadow:0 5px 15px #1b264f0f,0 2px 6px #0000000a,inset 0 1px #ffffffe6,inset 0 -1px #1b264f05;position:relative;overflow:hidden}.card-option:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#ef3740;transform:scaleX(0);transition:transform .3s ease}.card-option:hover:before{transform:scaleX(1)}.card-option:hover{border-color:#1b264f;background:linear-gradient(135deg,#1b264f0f,#7478950a);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #1b264f1f,0 4px 12px #38383814,inset 0 1px #fff9}.card-option.active{background:#ef3740;border-color:transparent;color:#fff;box-shadow:0 10px 28px #ef374059,0 4px 14px #1b264f40,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;transform:translateY(-3px) scale(1.03);position:relative}.card-option.active:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);border-radius:20px;pointer-events:none}.skip{margin-top:8px;text-align:center;font-size:12px;color:var(--muted)}.skip a{color:inherit;text-decoration:none}.input-group{margin-bottom:12px}.input-group label{display:block;font-size:13px;font-weight:500;margin-bottom:8px;color:var(--text)}.required{color:#1b264f;font-weight:600}.input-hint{display:block;font-size:12px;color:#747895e0;margin-top:6px;margin-bottom:0;line-height:1.4}.input-group>.input,.input-group>.select-wrapper .input,.input-group>.username-input-wrapper,.input-group>.username-input-wrapper .input{margin-bottom:0}.input-group>.input-hint+.username-status,.input-group>.username-status{margin-top:6px}.modal-body .input::placeholder{color:#1b264f6b}.error-message{display:block;font-size:12px;color:#ef3740;margin-top:4px;margin-bottom:0;font-weight:500}.input-error{border-color:#ef3740!important;box-shadow:0 0 0 4px #ef37401a!important}.input-error:focus{border-color:#ef3740!important;box-shadow:0 0 0 4px #ef374026!important}.password-input-wrapper{position:relative;display:block;width:100%}.password-input-wrapper .input,.password-input-wrapper input{margin-bottom:0;padding-right:44px}.password-input-wrapper .password-toggle{position:absolute;right:12px;top:0;bottom:0;margin:auto 0;z-index:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--text-secondary, #6b7280);border-radius:6px}.password-input-wrapper .password-toggle:hover{color:var(--text, #1f2937);background:#0000000a}.password-input-wrapper .password-toggle .material-icons{font-size:22px}.settings-password-stack{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%}.settings-password-stack .settings-password-change-btn{align-self:flex-start;white-space:nowrap}.name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.username-input-wrapper{position:relative;display:flex;align-items:center;margin-bottom:14px}.username-input{margin-bottom:0}.username-input:hover,.username-input:focus{transform:none}.username-status{margin-top:6px;font-size:12px}.username-status .success{color:#16a34a}.username-status .error{color:#ef3740}.username-status .warning{color:#ffd43b}.age-notice{background:linear-gradient(135deg,#1b264f14,#7478950f);border:1.5px solid rgba(27,38,79,.15);border-radius:12px;padding:10px 14px;margin-bottom:12px;box-shadow:0 2px 8px #1b264f0f;position:relative;overflow:hidden}.age-notice:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#1b264f,#747895);border-radius:12px 0 0 12px}.age-notice small{color:#1b264f;font-size:12px;font-weight:500}.checkbox-group{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px;background:linear-gradient(135deg,#7478950a,#cdd0dc0f);border-radius:14px;border:1px solid rgba(116,120,149,.1);box-shadow:0 2px 8px #00000008}.checkbox-group input[type=checkbox]{margin-top:2px;cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.checkbox-group label{font-size:13px;color:var(--text);cursor:pointer;line-height:1.5}.selected-count{text-align:center;font-size:12px;margin-bottom:10px;padding:6px;border-radius:8px}.selected-count.success{color:#ef3740;background:linear-gradient(135deg,#ef374026,#ef37401a);border:1px solid rgba(239,55,64,.2);font-weight:600}.selected-count.warning{color:#ffd43b;background:#ffd43b1f;border:1px solid rgba(255,212,59,.25);font-weight:500}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{opacity:.5}.select-wrapper{position:relative;width:100%}.select-wrapper:after{content:"";position:absolute;right:18px;top:calc(50% - 7px);width:12px;height:12px;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23747895' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;transform:none;transition:none}.select-wrapper:has(select.input:disabled):after{opacity:.45}select.input{cursor:pointer;appearance:none;-webkit-appearance:none;padding-right:40px;color:var(--text)}select.input:hover,select.input:focus{transform:none}select.input option{background:#fff;color:var(--text);padding:10px}select.input option:checked{background:#ef3740;color:#fff}.success-card{text-align:center}.success-icon{font-size:56px;margin-bottom:12px;animation:bounce .6s ease;filter:drop-shadow(0 4px 12px rgba(239,55,64,.2))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.success-details{margin:10px 0;padding:16px;background:linear-gradient(135deg,#ef37400f,#ef37400a);border-radius:16px;border:1px solid rgba(239,55,64,.1);box-shadow:0 4px 12px #ef374014}.welcome-message{font-size:15px;color:var(--text);margin:0}.welcome-message span{color:#ef3740;font-weight:600}.login-link{margin-top:16px;text-align:center;font-size:13px;color:var(--muted)}.login-link a{color:#ef3740;text-decoration:none;font-weight:500}.login-link a:hover{text-decoration:underline}.forgot-password{text-align:right;margin-top:8px;margin-bottom:4px}.forgot-password a{color:#ef3740;text-decoration:none;font-size:13px;font-weight:500;transition:color .2s}.forgot-password a:hover{color:#ef3740;text-decoration:underline}.signup-method-toggle{display:flex;gap:8px;margin-bottom:16px;background:#7478950f;padding:5px;border-radius:14px;box-shadow:inset 0 2px 4px #0000000a;border:1px solid rgba(116,120,149,.1)}.method-btn{flex:1;padding:10px;border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s}.method-btn.active{background:#ef3740;color:#fff;box-shadow:0 4px 12px #ef37404d,0 2px 6px #ef374033;transform:scale(1.02)}.google-btn:hover{background:#f8f9fc;transform:translateY(-2px);border-color:#7478954d;box-shadow:0 8px 20px #0000001f,0 2px 6px #00000014}.google-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.chip:hover{border-color:#ef3740;background:#ef37400d}.chip.active:hover{background:#ef3740}.card-option:hover{border-color:#ef3740;background:#ef37400d}.card-option.active:hover{background:#ef3740}.gender-cards .card-option:hover:not(.active){transform:none;border-color:#1b264f47;background:linear-gradient(135deg,#1b264f0f,#7478950a);box-shadow:0 5px 15px #1b264f14,0 2px 6px #0000000a,inset 0 1px #fff9}.gender-cards .card-option.active:hover{background:#ef3740;border-color:transparent}.input:focus{box-shadow:0 0 0 3px #ef37401a}.otp-container{display:flex;gap:8px;margin-bottom:12px;justify-content:center}.otp-input{width:50px;height:56px;text-align:center;font-size:22px;font-weight:700;border:2px solid rgba(116,120,149,.25);border-radius:14px;background:#fff;color:var(--text);transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.otp-input:hover{border-color:#1b264f4d;box-shadow:0 4px 12px #1b264f14}.otp-input:focus{outline:none;border-color:#1b264f;box-shadow:0 0 0 4px #1b264f1f,0 6px 20px #1b264f26;transform:scale(1.08);background:#1b264f05}.otp-input.error-shake{animation:shake .5s;border-color:#ef3740}.otp-container.has-validation-error .otp-input{border-color:#ef3740;box-shadow:0 2px 8px #ef37401f}.otp-container.has-validation-error .otp-input:focus{border-color:#ef3740;box-shadow:0 0 0 4px #ef374026,0 6px 20px #ef37401f;background:#ef374005}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.otp-status{text-align:center;margin-bottom:16px;min-height:20px}.otp-status .success{color:#15803d;font-size:13px}.otp-status .error{color:#ef3740;font-size:13px;font-weight:500}.auth-phone-input.react-international-phone-input-container{width:100%;margin-bottom:0;align-items:stretch;gap:0;--react-international-phone-height: 44px;--react-international-phone-font-size: 14px;--react-international-phone-border-color: rgba(116, 120, 149, .15);--react-international-phone-country-selector-background-color-hover: rgba(27, 38, 79, .04);--react-international-phone-dropdown-shadow: 0 8px 28px rgba(27, 38, 79, .12), 0 2px 8px rgba(0, 0, 0, .06)}.auth-page-wrapper .auth-phone-input .react-international-phone-country-selector-button{flex-shrink:0;padding:0 10px;height:var(--react-international-phone-height);min-height:var(--react-international-phone-height);max-height:var(--react-international-phone-height);box-sizing:border-box;border:2px solid rgba(116,120,149,.15);border-radius:18px;margin-right:10px;background:linear-gradient(135deg,#fffffffa,#fafbfcf5);transition:border-color .3s ease,box-shadow .3s ease}.auth-page-wrapper .auth-phone-input .react-international-phone-country-selector-button:focus-visible{outline:none;border-color:#1b264f;box-shadow:0 0 0 4px #1b264f1f}.auth-page-wrapper .auth-phone-input .react-international-phone-input.auth-phone-national{flex:1;width:auto;min-width:0;margin-bottom:0;box-sizing:border-box;height:var(--react-international-phone-height);min-height:var(--react-international-phone-height);max-height:var(--react-international-phone-height);border-radius:18px;border:2px solid rgba(116,120,149,.15);padding:0 14px;line-height:1.25}.resend-section{text-align:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.resend-section p{font-size:13px;color:var(--muted);margin-bottom:8px}.resend-btn{background:transparent;border:none;color:#ef3740;font-size:13px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .3s}.resend-btn:hover:not(:disabled){background:#ef37401a}.resend-btn:disabled{opacity:.6;cursor:not-allowed}.back-link{margin-top:16px;text-align:center}.back-link a{color:var(--muted);text-decoration:none;font-size:13px;transition:color .3s}.back-link a:hover{color:#ef3740}.resend-hint{font-size:11px;color:var(--muted);margin-top:-8px;margin-bottom:12px}.loader{display:inline-block;width:16px;height:16px;border:2px solid rgba(239,55,64,.3);border-radius:50%;border-top-color:#ef3740;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1366px){.main-container{max-width:100%;padding:15px}.left-section,.right-section{padding:25px 20px}.illustration-placeholder{max-height:320px}}@media(max-width:1024px){body{overflow-y:auto}.main-container{flex-direction:column;padding:20px;height:auto;min-height:100vh;border-radius:24px;max-width:100%}.left-section{padding:30px 20px;min-height:auto;border-right:none;border-bottom:2px solid rgba(116,120,149,.08);width:100%}.right-section{padding:30px 20px;width:100%}.branding-text h1{font-size:20px}.branding-text p{font-size:12px}.image-container{max-width:100%;margin:15px 0}.illustration-placeholder{max-height:300px}.card{max-height:none}.logo-img{height:60px;max-width:180px}.modal-content{max-width:90%;max-height:90vh}.home-header{padding:15px 25px}.header-nav{gap:20px}}@media(max-width:900px){.main-container{padding:18px}.left-section,.right-section{padding:28px 18px}.illustration-placeholder{max-height:280px}.modal-content{max-width:92%}}@media(max-width:768px){body{overflow-y:auto}.auth-page-wrapper{overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start;padding-top:max(12px,env(safe-area-inset-top))}.main-container{padding:15px;border-radius:20px;height:auto;min-height:auto}.left-section,.right-section{padding:25px 15px}.logo-img{height:55px;max-width:160px}.illustration-placeholder{max-height:250px;border-radius:20px}.card h2{font-size:22px}.card p{font-size:14px}.input{padding:12px 16px;font-size:14px}.btn{padding:12px;font-size:14px}.chips{gap:6px}.chip{padding:10px 16px;font-size:13px}.cards{gap:10px}.card-option{padding:16px;font-size:14px}.gender-cards .card-option{min-height:48px;padding:12px 10px;font-size:14px}.modal-content{max-width:95%;border-radius:24px}.modal-header,.modal-body{padding:18px 20px}.modal-header h2{font-size:20px}.step-panel h3{font-size:18px}.home-header{padding:12px 20px}.header-content{flex-wrap:wrap}.header-nav{gap:15px;font-size:14px}.home-main{padding:25px 20px}.welcome-section h1{font-size:32px}.content-grid{grid-template-columns:repeat(2,1fr);gap:15px}.method-toggle{gap:8px}.method-btn{padding:10px 16px;font-size:13px}.google-btn{padding:11px;font-size:13px}.skip{margin-top:12px}.skip a{font-size:12px}}@media(max-width:600px){body{overflow-y:auto;height:auto;min-height:100vh}.main-container{padding:12px;height:auto;min-height:auto;max-height:none;overflow:visible}.left-section{padding:20px 15px;min-height:auto;border-right:none;border-bottom:2px solid rgba(116,120,149,.08);width:100%;justify-content:center;align-items:center}.logo{justify-content:center;width:100%}.image-container,.illustration-placeholder{display:none!important}.right-section{padding:22px 15px;width:100%}.card{max-height:none;overflow-y:visible;height:auto}.card h2{font-size:21px}.chips{gap:8px}.chip{padding:10px 15px;font-size:12px}.cards{grid-template-columns:1fr;gap:10px}.modal-content{max-width:96%}.home-header{padding:12px 18px}.header-nav{gap:12px;font-size:13px}.content-grid{grid-template-columns:1fr}}.home-container{min-height:100vh;background:linear-gradient(135deg,#fff,#f8f9fc,#f0f2f8 60%,#fff),radial-gradient(circle at 20% 30%,rgba(27,38,79,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(116,120,149,.02) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(239,55,64,.015) 0%,transparent 60%);background-attachment:fixed;color:var(--text);position:relative}.home-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 20%,rgba(27,38,79,.05) 0%,transparent 50%),radial-gradient(circle at 85% 80%,rgba(116,120,149,.04) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(239,55,64,.02) 0%,transparent 60%),linear-gradient(135deg,transparent 0%,rgba(27,38,79,.01) 50%,transparent 100%);pointer-events:none;z-index:0}.home-header{background:linear-gradient(135deg,#fffffff2,#f8f9fceb),linear-gradient(0deg,rgba(255,255,255,.8) 0%,transparent 100%);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-bottom:1px solid rgba(116,120,149,.12);padding:15px 40px;box-shadow:0 8px 30px #1b264f14,0 2px 10px #3838380a,0 1px #ffffffe6 inset;position:relative;z-index:10}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-nav{display:flex;gap:30px}.header-nav a{color:var(--text);text-decoration:none;font-weight:500;transition:color .3s}.header-nav a:hover{color:#ef3740}.home-main{max-width:1400px;margin:0 auto;padding:40px}.welcome-section{margin-bottom:40px}.welcome-section h1{font-size:36px;margin-bottom:10px;color:var(--text)}.welcome-section p{font-size:16px;color:var(--muted)}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.content-card{background:linear-gradient(135deg,#fffffffa,#f8f9fcf5),radial-gradient(circle at 0% 0%,rgba(27,38,79,.02) 0%,transparent 50%);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid rgba(255,255,255,.8);border-radius:28px;padding:30px;transition:all .3s ease;box-shadow:0 12px 35px #1b264f14,0 5px 15px #3838380d,0 2px 8px #00000008,inset 0 1px #ffffffe6,inset 0 -1px #1b264f05;position:relative;overflow:hidden}.content-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#ef3740;opacity:0;transition:opacity .3s}.content-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0000001a,0 4px 12px #0000000f,inset 0 1px #ffffffe6;border-color:#ef374033}.content-card:hover:before{opacity:1}.content-card h3{font-size:20px;margin-bottom:10px;color:var(--text)}.content-card p{color:var(--muted)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#1b264fbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.modal-content{background:linear-gradient(135deg,#fffffffc,#fffffff7,#f8f9fcf5),radial-gradient(circle at 0% 0%,rgba(27,38,79,.02) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(116,120,149,.015) 0%,transparent 50%);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:2px solid rgba(255,255,255,.9);border-radius:32px;width:100%;max-width:580px;max-height:85vh;overflow-y:auto;box-shadow:0 40px 100px #1b264f40,0 15px 50px #38383826,0 5px 20px #00000014,inset 0 1px #fffffff2,inset 0 -1px #1b264f08,0 0 0 1px #fffc inset;position:relative;z-index:1}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:#7478954d;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#74789580}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);border-radius:36px 36px 0 0;z-index:2}.modal-header{padding:20px 25px;border-bottom:1px solid var(--border);position:relative}.modal-header h2{font-size:22px;margin-bottom:4px;color:var(--text);background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:var(--text);animation:none;padding-left:0}.modal-header p{color:var(--muted);font-size:14px}.modal-header.has-back h2,.modal-header.has-back p{padding-left:50px}.modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--text);font-size:32px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.modal-close:hover{background:#7478951a}.modal-body{padding:20px 25px}.modal-steps{display:flex;justify-content:space-between;margin-bottom:20px;position:relative}.modal-steps:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:#74789533;z-index:0}.modal-step{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;position:relative;z-index:1;flex:1;min-width:0}.step-number{width:38px;height:38px;border-radius:50%;background:#74789514;border:2.5px solid rgba(116,120,149,.25);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;transition:all .3s ease;color:var(--text);box-shadow:0 2px 8px #0000000d;position:relative}.modal-step.active .step-number{background:#ef3740;border-color:transparent;transform:scale(1.15);color:#fff;box-shadow:0 8px 24px #ef374066,0 4px 12px #ef37404d,inset 0 1px #ffffff4d;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 8px 24px #ef374066,0 4px 12px #ef37404d,inset 0 1px #ffffff4d}50%{box-shadow:0 8px 28px #ef374080,0 4px 16px #ef374066,inset 0 1px #ffffff4d}}.modal-step.completed .step-number{background:#ef3740;border-color:transparent;color:#fff;box-shadow:0 6px 20px #1b264f59,0 2px 8px #1b264f40}.modal-step.completed .step-number:after{content:"";position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;border-radius:50%;background-color:#fff;border:2px solid #EF3740;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 5l2 2 4-4' stroke='%23EF3740' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-size:10px 10px;background-repeat:no-repeat;background-position:center;box-shadow:0 2px 6px #1b264f2e}.step-label{display:block;width:100%;max-width:88px;font-size:12px;color:var(--muted);text-align:center;line-height:1.3}.modal-step.active .step-label{color:#ef3740;font-weight:600}.step-back-btn{position:absolute;top:20px;left:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text);font-size:20px;cursor:pointer;border-radius:50%;z-index:2;transition:background .3s,color .3s}.step-back-btn:hover{background:#7478951a;color:#ef3740}.step-panel{display:none}.step-panel.active{display:block}.step-panel h3{font-size:20px;margin-bottom:8px;color:var(--text)}.step-heading-with-count{display:flex;justify-content:space-between;align-items:center;width:100%;gap:15px}.selected-count-header{font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}.selected-count-header.success{color:#ef3740}.selected-count-header.warning{color:#ffd43b}.step-panel p{color:var(--muted);margin-bottom:16px;font-size:14px}@media(max-width:480px){body{padding:5px;overflow-y:auto;height:auto;min-height:100vh}.auth-page-wrapper{overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:100vh;align-items:flex-start;padding-top:max(16px,env(safe-area-inset-top))}.main-container{padding:10px;border-radius:16px;height:auto;min-height:auto;max-height:none;overflow:visible}.left-section{padding:15px;min-height:auto;border-right:none;border-bottom:2px solid rgba(116,120,149,.08);width:100%;justify-content:center;align-items:center}.logo{justify-content:center;width:100%;margin-bottom:10px}.logo-img{margin-bottom:0}.image-container,.illustration-placeholder{display:none!important}.right-section{padding:20px 15px;width:100%}.card{padding:24px 15px 20px;max-height:none;overflow-y:visible;overflow-x:visible;height:auto}.card h2{font-size:20px;margin-bottom:8px}.card p{font-size:13px;margin-bottom:20px}.name-row{grid-template-columns:1fr;gap:12px}.cards{grid-template-columns:1fr;gap:10px}.card-option{padding:14px;font-size:13px}.gender-cards .card-option{min-height:46px;padding:11px 10px;font-size:13px}.otp-container{gap:6px;flex-wrap:wrap}.otp-input{width:40px;height:50px;font-size:18px}.logo-img{height:50px;max-width:140px;margin-bottom:15px}.branding-text h1{font-size:20px}.branding-text p{font-size:13px}.image-container{margin:15px 0}.illustration-placeholder{max-height:200px;border-radius:16px}.input{padding:11px 14px;font-size:14px;border-radius:12px}.input-group{margin-bottom:16px}.input-group label{font-size:12px;margin-bottom:6px}.input-hint{font-size:11px}.btn{padding:11px;font-size:14px;border-radius:12px}.chips{gap:6px;margin-bottom:16px}.chip{padding:9px 14px;font-size:12px;border-radius:20px}.selected-count{font-size:11px;padding:5px;margin-bottom:12px}.signup-method-toggle{gap:6px;padding:4px;margin-bottom:14px}.method-btn{padding:9px;font-size:12px}.google-btn{padding:10px;font-size:12px}.google-btn img{width:16px;height:16px}.login-link{font-size:12px;margin-top:16px}.steps{margin-bottom:20px;gap:4px}.steps span{height:4px}.home-header{padding:12px 15px}.header-content{flex-direction:column;align-items:flex-start;gap:12px}.header-nav{gap:12px;font-size:13px;width:100%;justify-content:space-between}.home-main{padding:20px 15px}.welcome-section{margin-bottom:25px}.welcome-section h1{font-size:24px;line-height:1.3}.welcome-section p{font-size:14px}.content-grid{grid-template-columns:1fr;gap:12px}.content-card{padding:20px}.content-card h3{font-size:18px}.content-card p{font-size:13px}.modal{padding:10px}.modal-content{max-width:100%;max-height:95vh;border-radius:20px}.modal-header{padding:18px 15px}.modal-header h2{font-size:18px;margin-bottom:4px}.modal-header p{font-size:13px}.step-back-btn{top:15px;left:15px;width:35px;height:35px;font-size:18px}.modal-header.has-back h2,.modal-header.has-back p{padding-left:45px}.modal-close{top:15px;right:15px;width:35px;height:35px;font-size:28px}.modal-body{padding:18px 15px}.modal-steps{margin-bottom:18px;gap:4px}.modal-step{gap:6px}.step-number{width:32px;height:32px;font-size:12px;border-width:2px}.modal-step.completed .step-number:after{width:14px;height:14px;right:-3px;bottom:-3px;background-size:8px 8px}.step-label{font-size:10px;max-width:72px}.step-panel h3{font-size:17px;margin-bottom:6px}.step-panel p{font-size:13px;margin-bottom:16px}.step-heading-with-count{flex-direction:column;align-items:flex-start;gap:8px}.selected-count-header{font-size:12px}.success-modal-content{padding:30px 20px}.success-icon svg{width:60px;height:60px}.success-modal-content h2{font-size:20px;margin-bottom:10px}.success-modal-content p{font-size:14px;margin-bottom:4px}.success-modal-content p:last-of-type{margin-bottom:25px}}@media(max-width:360px){.main-container{padding:8px}.left-section{padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:none;border-bottom:2px solid rgba(116,120,149,.08)}.logo{justify-content:center;width:100%}.image-container,.illustration-placeholder{display:none!important}.right-section{padding:15px 12px}.card{padding:18px 12px}.logo-img{height:45px;max-width:120px;margin-bottom:10px}.illustration-placeholder{max-height:180px}.chip{padding:8px 12px;font-size:11px}.modal-content{border-radius:16px}.modal-header,.modal-body{padding:15px 12px}.step-number{width:30px;height:30px;font-size:11px}.home-header{padding:10px 12px}.header-nav{font-size:12px;gap:10px}.welcome-section h1{font-size:22px}}.success-modal-content{text-align:center;padding:40px 30px;max-width:450px;transform-origin:center center;animation:standaloneModalIn .36s cubic-bezier(.34,1.2,.64,1)}.success-icon{margin:0 auto 20px;display:flex;align-items:center;justify-content:center;animation:scaleIn .5s ease}.success-modal-content h2{font-size:24px;margin-bottom:12px;color:var(--text);font-weight:700;background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:var(--text);animation:none;padding-left:0}.success-modal-content p{color:var(--muted);margin-bottom:6px;font-size:15px;line-height:1.6}.success-modal-content p:last-of-type{margin-bottom:30px}.standalone-modal{display:none;position:fixed;inset:0;background:#1b264fb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10050;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;animation:standaloneOverlayIn .28s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.avatar-modal-content,.interests-modal-content{background:#fff;border-radius:32px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 40px 100px #1b264f33,0 20px 60px #0000001a,0 10px 30px #00000014,inset 0 1px #ffffffe6;position:relative;transform-origin:center center;animation:standaloneModalIn .36s cubic-bezier(.34,1.2,.64,1)}.interests-modal-content{color:var(--text);-webkit-text-fill-color:var(--text)}.avatar-modal-content::-webkit-scrollbar,.interests-modal-content::-webkit-scrollbar{width:6px}.avatar-modal-content::-webkit-scrollbar-track,.interests-modal-content::-webkit-scrollbar-track{background:transparent}.avatar-modal-content::-webkit-scrollbar-thumb,.interests-modal-content::-webkit-scrollbar-thumb{background:#7478954d;border-radius:3px}.avatar-modal-content::-webkit-scrollbar-thumb:hover,.interests-modal-content::-webkit-scrollbar-thumb:hover{background:#74789580}@keyframes standaloneOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes standaloneModalIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.avatar-modal-content.modal-content:before,.interests-modal-content.modal-content:before,.success-modal-content.modal-content:before{display:none}.avatar-modal-header-new{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid rgba(116,120,149,.1);background:#fff}.avatar-modal-title{font-size:22px;font-weight:700;color:var(--text);margin:0}.avatar-modal-close{width:36px;height:36px;border-radius:8px;background:#7478951a;border:none;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;flex-shrink:0}.avatar-modal-close svg{width:20px;height:20px}.avatar-modal-close:hover{background:#ef37401a;color:#ef3740}.modal-header-standalone{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid rgba(116,120,149,.1);position:relative}.modal-header-icon{display:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-header-standalone h2{font-size:22px;font-weight:700;color:var(--text);margin:0;background:none;background-size:initial;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:var(--text);animation:none;padding-left:0}.modal-subtitle{font-size:15px;color:var(--muted);margin-bottom:16px}.modal-header-standalone .modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:12px;background:#7478951a;border:2px solid rgba(116,120,149,.2);color:var(--text);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-header-standalone .modal-close:hover{background:#ef37401a;color:#ef3740}.modal-body-standalone{padding:0 40px 40px}.avatar-modal-content-professional{background:#fff;border-radius:24px;max-width:580px;width:100%;box-shadow:0 20px 60px #0000004d;overflow:hidden}.avatar-modal-header-professional{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid rgba(116,120,149,.1)}.avatar-modal-title-professional{font-size:22px;font-weight:600;color:#1b264f;margin:0}.avatar-modal-close-professional{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f5f7;border:none;cursor:pointer;transition:all .2s ease;padding:0}.avatar-modal-close-professional:hover{background:#e5e5e7;transform:scale(1.1)}.avatar-modal-body-professional{padding:32px}.face-selection-professional{display:flex;gap:20px;margin-bottom:40px}.face-card-professional{flex:1;padding:24px;border-radius:16px;border:2px solid #E5E5E7;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative}.face-card-professional:hover{border-color:#ef3740;transform:translateY(-2px);box-shadow:0 8px 20px #ef374026}.face-card-professional.active{border-color:#ef3740;border-width:2px;box-shadow:0 0 0 2px #ef37401a,0 12px 32px #ef374040;background:#fff}.face-card-professional.active:before{content:"";position:absolute;inset:-2px;border-radius:16px;background:linear-gradient(135deg,#ef37404d,#ef37401a);z-index:-1;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:.8}}.avatar-circle-professional{width:120px;height:120px;margin:0 auto 16px;border-radius:50%;overflow:hidden;background:#e3f2fd;display:flex;align-items:center;justify-content:center}.avatar-circle-professional svg{width:100%;height:100%}.face-label-professional{font-size:16px;font-weight:500;color:#747895;transition:color .3s ease}.face-card-professional.active .face-label-professional{color:#ef3740}.color-section-professional{margin-bottom:32px}.color-title-professional{font-size:16px;font-weight:600;color:#1b264f;margin:0 0 20px}.color-grid-professional{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.color-swatch-professional{width:100%;aspect-ratio:1;border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative;border:2px solid transparent;box-shadow:0 2px 8px #0000001a}.color-swatch-professional:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.color-swatch-professional.active{border-color:#1b264f;transform:scale(1.15);box-shadow:0 6px 16px #0003}.color-check-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.color-swatch-professional.active .color-check-overlay{opacity:1}.color-check-circle{width:28px;height:28px;border-radius:50%;background:#1b264f;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.avatar-buttons-professional{display:flex;gap:12px}.btn-skip-professional{flex:1;padding:14px 24px;border-radius:12px;border:none;background:#f5f5f7;color:#747895;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.btn-skip-professional:hover{background:#e5e5e7;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.btn-continue-professional{flex:1;padding:14px 24px;border-radius:12px;border:none;background:#ef3740;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ef37404d}.btn-continue-professional:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ef374066}.btn-continue-professional:active{transform:translateY(0)}.face-selection-section{display:flex;gap:24px;justify-content:center;margin-bottom:40px;padding:0 20px}.face-option-card{flex:1;max-width:280px;padding:30px 20px;border-radius:28px;border:3px solid rgba(116,120,149,.15);background:#fff;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000014}.face-option-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#ef3740;transform:scaleX(0);transition:transform .3s ease}.face-option-card:hover{border-color:#ef3740;transform:translateY(-8px);box-shadow:0 15px 40px #ef374033}.face-option-card:hover:before{transform:scaleX(1)}.face-option-card.active{border-color:#ef3740;background:#fff;box-shadow:0 8px 25px #ef374026,0 6px 20px #ef37401a}.face-option-card.active:before{transform:scaleX(1)}.face-preview-large{width:180px;height:180px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 10px 20px rgba(0,0,0,.12));transition:all .3s ease;border-radius:50%;overflow:hidden;background:#e3f2fd;position:relative}.face-preview-large svg,.face-preview-large .avatar-svg{width:100%;height:100%;display:block}.avatar-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:#e3f2fd}.avatar-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:50%}.face-option-card:hover .face-preview-large{filter:drop-shadow(0 15px 30px rgba(0,0,0,.2))}.face-option-card:hover .avatar-image{transform:scale(1.05)}.face-option-card.active .face-preview-large{filter:drop-shadow(0 12px 25px rgba(239,55,64,.3));border:3px solid #000}.face-option-card.active .avatar-image{transform:scale(1.08)}.face-option-label{font-size:16px;font-weight:600;color:var(--text);transition:color .3s ease}.face-option-card.active .face-option-label{color:#ef3740}.skin-tone-selection-section{margin-bottom:32px}.skin-tone-palette{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.skin-tone-option{width:48px;height:48px;border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative;border:3px solid transparent;box-shadow:0 2px 8px #0000001a}.skin-tone-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.skin-tone-option.active{border-color:#1b264f;transform:scale(1.15);box-shadow:0 6px 16px #0003}.skin-tone-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:#1b264f;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.skin-tone-option.active .skin-tone-check{display:flex}.skin-tone-check:after{content:"✓";color:#fff;font-weight:700;font-size:12px}.color-section-label{display:block;font-size:16px;font-weight:600;color:var(--text);margin-bottom:20px;text-align:center}.interests-description{text-align:center;color:var(--muted);font-size:14px;margin-bottom:30px;line-height:1.6}.interests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-bottom:30px}.interest-card{padding:20px 16px;border-radius:20px;border:2.5px solid rgba(116,120,149,.2);background:linear-gradient(135deg,#fffffffa,#fafbfcf5);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;overflow:hidden;color:var(--text)}.interest-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ef3740,#1b264f);transform:scaleX(0);transition:transform .3s ease}.interest-card:hover{border-color:#ef3740;transform:translateY(-5px) scale(1.02);box-shadow:0 12px 30px #ef374026,0 6px 15px #1b264f1a}.interest-card:hover:before{transform:scaleX(1)}.interest-card.active{background:#ef3740;border-color:#ef3740;color:#fff;transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #ef37404d,0 8px 20px #ef374033}.interest-card.active:before{transform:scaleX(1);background:#ffffff4d}.interest-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text);transition:all .3s ease}.interest-icon svg{width:100%;height:100%;stroke:currentColor}.interest-card:hover .interest-icon{transform:scale(1.1);color:#ef3740}.interest-card.active .interest-icon{color:#fff;transform:scale(1.15)}.interest-card-label{font-size:14px;font-weight:600;color:var(--text);-webkit-text-fill-color:var(--text);background:none;-webkit-background-clip:unset;background-clip:unset;line-height:1.35}.interest-card.active .interest-card-label{color:#fff;-webkit-text-fill-color:#ffffff}.button-group-standalone{display:flex;gap:16px;margin-top:30px}.btn-primary-standalone{flex:1;background:#ef3740;color:#fff;border:none;padding:16px 24px;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ef37404d}.btn-primary-standalone:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ef374066}.btn-primary-standalone:disabled{opacity:.5;cursor:not-allowed}.btn-skip{flex:1;background:#7478951a;color:var(--text);border:2px solid rgba(116,120,149,.2);padding:16px 24px;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-skip:hover{background:#74789526;border-color:#7478954d;transform:translateY(-2px)}@media(max-width:768px){.avatar-modal-content,.interests-modal-content{max-width:95%;border-radius:24px}.modal-header-standalone{padding:30px 25px 20px}.modal-body-standalone{padding:0 25px 30px}.interests-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.avatar-modal-header-new{padding:20px 25px}.avatar-modal-title{font-size:20px}.face-selection-section{flex-direction:column;gap:16px;padding:0}.face-option-card{max-width:100%;width:100%}.interest-icon{width:28px;height:28px}}.hero-section{padding:120px 20px 100px;text-align:center;position:relative;overflow:hidden;min-height:90vh;display:flex;align-items:center;justify-content:center;background-image:url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=1920&h=1080&fit=crop&q=80);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}body.explore-page{height:auto;overflow-y:auto;overflow-x:hidden;display:block;padding:0;background:#fff}body.explore-page .main-container{display:none}.explore-header{position:sticky;top:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(239,55,64,.1);box-shadow:0 4px 20px #0000000d}.explore-header .header-container{max-width:none;width:100%;margin:0;padding:28px clamp(16px,3vw,48px);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.menu-toggle-btn{display:flex}.nav-link{padding:8px 16px;color:var(--text);text-decoration:none;font-weight:500;font-size:15px;border-radius:8px;transition:all .3s ease}.nav-link:hover{background:#ef37400d;color:var(--primary)}.nav-link.active{background:#ef37401a;color:var(--primary);font-weight:600}.menu-toggle-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,#ef37401a,#ef37400d);border:2px solid rgba(239,55,64,.25);border-radius:14px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;box-shadow:0 4px 12px #ef374026}.menu-toggle-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(239,55,64,.25),transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1);z-index:0}.menu-toggle-btn:hover:before{width:120px;height:120px}.menu-toggle-btn:hover{background:linear-gradient(135deg,#ef374033,#ef37401a);border-color:#ef374080;transform:scale(1.08) rotate(5deg);box-shadow:0 8px 24px #ef374040}.menu-toggle-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary));border-color:var(--primary);transform:scale(1.05);box-shadow:0 8px 24px #ef374066}.menu-toggle-btn.active:before{width:0;height:0}.menu-icon{display:flex;flex-direction:column;gap:6px;width:26px;position:relative;z-index:2}.menu-icon span{display:block;width:100%;height:3.5px;background:var(--primary);border-radius:4px;transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:center;box-shadow:0 2px 4px #ef37404d}.menu-toggle-btn.active .menu-icon span{background:#fff;box-shadow:0 2px 6px #0003}.menu-toggle-btn:hover .menu-icon span{box-shadow:0 3px 8px #ef374066}.menu-icon span:nth-child(1){width:100%}.menu-icon span:nth-child(2){width:85%;margin-left:auto}.menu-icon span:nth-child(3){width:70%;margin-left:auto}.menu-toggle-btn.active .menu-icon span:nth-child(1){transform:translateY(9.5px) rotate(45deg);width:100%;margin-left:0}.menu-toggle-btn.active .menu-icon span:nth-child(2){opacity:0;transform:scaleX(0) rotate(180deg);width:0}.menu-toggle-btn.active .menu-icon span:nth-child(3){transform:translateY(-9.5px) rotate(-45deg);width:100%;margin-left:0}.menu-toggle-btn:hover .menu-icon span:nth-child(1){transform:translate(-2px)}.menu-toggle-btn:hover .menu-icon span:nth-child(3){transform:translate(-2px)}.sidebar-menu{position:fixed;top:0;right:-100%;width:100%;max-width:380px;height:100vh;z-index:9999;transition:right .4s cubic-bezier(.4,0,.2,1)}.sidebar-menu.active{right:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:9998}.sidebar-menu.active .sidebar-overlay{opacity:1;visibility:visible}.sidebar-content{position:relative;width:100%;height:100%;background:linear-gradient(180deg,#fff,#fafbfc);box-shadow:-4px 0 30px #00000026;display:flex;flex-direction:column;z-index:9999;overflow-y:auto}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(239,55,64,.1);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.sidebar-title{font-size:24px;font-weight:800;color:var(--text);margin:0}.sidebar-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ef37401a;border:1px solid rgba(239,55,64,.2);border-radius:10px;color:var(--primary);cursor:pointer;transition:all .3s ease}.sidebar-close:hover{background:#ef374026;transform:rotate(90deg)}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:16px;padding:16px 28px;color:var(--text);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar-item:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--primary);transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}.sidebar-item:hover:before,.sidebar-item.active:before{transform:scaleY(1)}.sidebar-item:hover{background:#ef37400d;padding-left:32px}.sidebar-item-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ef37401a;border-radius:12px;color:var(--primary);transition:all .3s ease;flex-shrink:0}.sidebar-item:hover .sidebar-item-icon{background:var(--primary);color:#fff;transform:scale(1.1) rotate(5deg)}.sidebar-item-icon .material-icons{font-size:24px}.sidebar-item-text{flex:1;font-size:16px;font-weight:600;color:var(--text);transition:color .3s ease}.sidebar-item:hover .sidebar-item-text{color:var(--primary)}.sidebar-arrow{color:var(--muted);font-size:20px;transition:all .3s ease}.sidebar-item:hover .sidebar-arrow{color:var(--primary);transform:translate(4px)}.notification-badge{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--primary);color:#fff;border-radius:12px;font-size:12px;font-weight:700;margin-left:auto;margin-right:8px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sidebar-footer{padding:24px 28px;border-top:1px solid rgba(239,55,64,.1);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-user{display:flex;align-items:center;gap:16px}.sidebar-user-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:3px solid rgba(239,55,64,.2);flex-shrink:0}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px}.sidebar-user-email{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.menu-open{overflow:hidden}.search-section{padding:30px 20px;background:linear-gradient(180deg,#fafbfc,#fff);border-bottom:1px solid rgba(239,55,64,.05)}.search-wrapper{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:12px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(239,55,64,.15);border-radius:16px;padding:4px;box-shadow:0 4px 20px #0000000d;transition:all .3s ease}.search-wrapper:focus-within{border-color:var(--primary);box-shadow:0 8px 30px #ef374026}.search-icon{padding:0 16px;color:var(--muted);display:flex;align-items:center}.search-input{flex:1;border:none;outline:none;padding:14px 0;font-size:16px;background:transparent;color:var(--text)}.search-filter-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ef37401a;border:none;border-radius:12px;color:var(--primary);font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.search-filter-btn:hover{background:#ef374026;transform:translateY(-2px)}.filter-panel{max-width:1000px;margin:20px auto 0;display:none;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,55,64,.1);border-radius:16px;padding:24px;box-shadow:0 8px 30px #00000014}.filter-panel.active{display:block}.filter-group{margin-bottom:24px}.filter-group:last-child{margin-bottom:0}.filter-group label{display:block;font-weight:600;color:var(--text);margin-bottom:12px;font-size:14px}.filter-chips{display:flex;gap:10px;flex-wrap:wrap}.filter-chip{padding:8px 16px;background:#ef37400d;border:1px solid rgba(239,55,64,.15);border-radius:20px;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-chip:hover{background:#ef37401a;border-color:#ef37404d}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.explore-main{padding:40px 20px;background:#fff}.explore-section{margin-bottom:80px}.explore-section:last-child{margin-bottom:0}.section-header-explore{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;gap:20px}.section-title-explore{font-size:clamp(28px,4vw,36px);font-weight:800;color:var(--text);margin-bottom:8px;line-height:1.2}.section-subtitle{font-size:16px;color:var(--muted);line-height:1.5}.view-all-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary);text-decoration:none;font-weight:600;font-size:15px;transition:gap .3s ease}.view-all-link:hover{gap:12px}.view-all-link .material-icons{font-size:20px}.view-toggle{display:flex;gap:8px;background:#ef37400d;border-radius:12px;padding:4px}.toggle-btn{padding:8px 12px;background:transparent;border:none;border-radius:8px;color:var(--muted);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.toggle-btn.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #0000001a}.toggle-btn .material-icons{font-size:20px}.creators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.creators-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;align-items:start}.creator-card-modern{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,55,64,.1);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.creator-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 60px #ef374026;border-color:#ef37404d}.creator-image-wrapper{position:relative;width:100%;padding-top:100%;overflow:hidden;background:linear-gradient(135deg,#ef37401a,#ef37400d)}.creator-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.creator-card-modern:hover .creator-image{transform:scale(1.1)}.creator-badge{position:absolute;top:12px;right:12px;padding:6px 12px;background:var(--primary);color:#fff;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.creator-info{padding:20px}.creator-name{font-size:20px;font-weight:800;color:var(--text);margin-bottom:6px}.creator-category{font-size:14px;color:var(--muted);margin-bottom:16px;line-height:1.5}.creator-stats{display:flex;gap:20px;margin-bottom:16px}.creator-stats .stat{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;font-weight:500}.creator-stats .stat .material-icons{font-size:18px;color:var(--primary)}.follow-btn{width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease}.follow-btn:hover{background:var(--secondary);transform:translateY(-2px);box-shadow:0 4px 12px #ef37404d}.entourage-card-modern{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,55,64,.1);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.entourage-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 60px #ef374026;border-color:#ef37404d}.entourage-image-wrapper{position:relative;width:100%;padding-top:60%;overflow:hidden;background:linear-gradient(135deg,#ef37401a,#ef37400d)}.entourage-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.entourage-card-modern:hover .entourage-image{transform:scale(1.1)}.entourage-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));padding:16px;display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:600}.entourage-overlay .material-icons{font-size:20px}.entourage-info{padding:20px}.entourage-name{font-size:20px;font-weight:800;color:var(--text);margin-bottom:8px}.entourage-description{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:16px}.entourage-meta{display:flex;align-items:center;justify-content:space-between}.entourage-creator{font-size:13px;color:var(--muted);font-weight:500}.join-btn{padding:8px 20px;background:#ef37401a;border:1px solid rgba(239,55,64,.2);border-radius:20px;color:var(--primary);font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.join-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.posts-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:28px}.posts-container.list-view{grid-template-columns:1fr}.post-card-modern{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,55,64,.1);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.post-card-modern:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0000001a;border-color:#ef374033}.sponsored-post{border-color:#ef37404d}.sponsored-label{position:absolute;top:12px;left:12px;z-index:10;padding:6px 12px;background:#ef3740e6;color:#fff;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.post-image-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:linear-gradient(135deg,#ef37401a,#ef37400d)}.post-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.post-card-modern:hover .post-image{transform:scale(1.05)}.post-type-badge{position:absolute;top:12px;right:12px;width:40px;height:40px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:5}.post-type-badge .material-icons{font-size:20px}.video-badge{background:#ef3740e6}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease;z-index:6}.post-card-modern:hover .video-play-overlay{opacity:1}.video-play-overlay .material-icons{font-size:48px}.post-content{padding:20px}.post-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px}.post-author{display:flex;align-items:center;gap:12px;flex:1}.author-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(239,55,64,.2)}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-weight:700;color:var(--text);font-size:15px}.post-group{font-size:13px;color:var(--muted)}.post-date{font-size:12px;color:var(--muted);white-space:nowrap}.post-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-excerpt{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-actions{display:flex;align-items:center;gap:16px;padding-top:16px;border-top:1px solid rgba(239,55,64,.1)}.action-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;padding:6px 0}.action-btn:hover{color:var(--primary)}.action-btn .material-icons{font-size:20px}.read-more-link{margin-left:auto;color:var(--primary);text-decoration:none;font-weight:600;font-size:14px;transition:gap .3s ease;display:inline-flex;align-items:center;gap:4px}.read-more-link:hover{gap:8px}.posts-container.list-view .post-card-modern{display:flex;flex-direction:row;max-width:100%}.posts-container.list-view .post-image-wrapper{width:300px;padding-top:0;height:200px;flex-shrink:0}.posts-container.list-view .post-image{position:relative;height:100%}.posts-container.list-view .post-content{flex:1;display:flex;flex-direction:column}.posts-container.list-view .post-title{-webkit-line-clamp:2;line-clamp:2}.posts-container.list-view .post-excerpt{-webkit-line-clamp:4;line-clamp:4;flex:1}@media(max-width:1024px){.creators-grid,.entourages-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.posts-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.explore-header .header-container{padding:16px 24px}.header-nav{display:none}.menu-toggle-btn{display:flex}.sidebar-menu{max-width:100%}.search-section{padding:20px 16px}.search-wrapper{flex-direction:column;gap:8px}.search-filter-btn{width:100%;justify-content:center}.section-header-explore{flex-direction:column;align-items:flex-start}.creators-grid,.entourages-grid,.posts-container{grid-template-columns:1fr}.posts-container.list-view .post-card-modern{flex-direction:column}.posts-container.list-view .post-image-wrapper{width:100%;height:200px}}@media(max-width:480px){.explore-header .header-container{padding:12px 16px}.explore-main{padding:20px 16px}.explore-section{margin-bottom:50px}.creator-card-modern,.entourage-card-modern,.post-card-modern{border-radius:16px}.post-header{flex-direction:column;align-items:flex-start}.post-date{align-self:flex-end}}.explore-content-new{padding:32px 0 60px;background:#fafafa;min-height:calc(100vh - 80px)}.container-new{max-width:1200px;margin:0 auto;padding:0 20px}.top-bar-new{margin-bottom:32px;padding:0}.search-bar-new{display:flex;align-items:center;gap:16px;background:#fff;border:2px solid rgba(239,55,64,.15);border-radius:20px;padding:16px 24px;box-shadow:0 4px 20px #0000000f;transition:all .4s cubic-bezier(.4,0,.2,1);max-width:600px;margin:0 auto}.search-bar-new:focus-within{border-color:var(--primary);box-shadow:0 8px 32px #ef374033;transform:translateY(-2px)}.search-bar-new .material-icons{color:var(--primary);font-size:26px;flex-shrink:0}.search-bar-new input{flex:1;border:none;outline:none;font-size:16px;color:var(--text);background:transparent;font-weight:500}.search-bar-new input::placeholder{color:var(--muted);font-weight:400}.three-column-layout{display:grid;grid-template-columns:300px 1fr 300px;gap:32px;align-items:start}.left-column-new{position:sticky;top:100px;height:calc(100vh - 120px);overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding-right:8px}.left-column-new::-webkit-scrollbar{width:6px}.left-column-new::-webkit-scrollbar-track{background:transparent}.left-column-new::-webkit-scrollbar-thumb{background:#ef374033;border-radius:3px}.left-column-new::-webkit-scrollbar-thumb:hover{background:#ef37404d}.widget-card-new{background:#fff;border:1px solid rgba(239,55,64,.12);border-radius:20px;padding:24px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease}.widget-card-new:hover{box-shadow:0 8px 24px #0000001a;border-color:#ef374033}.widget-header-new{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.widget-title-new{font-size:16px;font-weight:700;color:var(--text)}.widget-link-new{font-size:13px;color:var(--primary);text-decoration:none;font-weight:600;transition:gap .3s ease;display:inline-flex;align-items:center;gap:4px}.widget-link-new:hover{gap:8px}.creators-list-new{display:flex;flex-direction:column;gap:16px}.creator-item-new-v2{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;transition:all .3s ease;border:1px solid transparent}.creator-item-new-v2:hover{background:#ef37400f;border-color:#ef374026;transform:translate(4px)}.creator-avatar-new-v2{position:relative;width:48px;height:48px;flex-shrink:0}.creator-avatar-new-v2 img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(239,55,64,.2)}.online-indicator{position:absolute;bottom:0;right:0;width:14px;height:14px;background:#4caf50;border:2px solid #FFFFFF;border-radius:50%}.creator-info-new-v2{flex:1;min-width:0}.creator-name-new-v2{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-followers{font-size:12px;color:var(--muted)}.follow-btn-new-v2{padding:6px 16px;background:#ef37401a;border:1px solid rgba(239,55,64,.2);border-radius:20px;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0}.follow-btn-new-v2:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.tags-list-new{display:flex;flex-wrap:wrap;gap:8px}.tag-item-new{padding:8px 14px;background:#ef37400d;border:1px solid rgba(239,55,64,.1);border-radius:20px;color:var(--text);text-decoration:none;font-size:13px;font-weight:500;transition:all .3s ease}.tag-item-new:hover{background:#ef37401a;border-color:#ef374033;color:var(--primary);transform:translateY(-2px)}.search-card-modern{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,55,64,.1);border-radius:16px;padding:16px;display:flex;gap:12px;box-shadow:0 4px 16px #0000000d}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:12px;background:#ef37400d;border:1px solid rgba(239,55,64,.1);border-radius:12px;padding:0 16px;transition:all .3s ease}.search-input-wrapper:focus-within{border-color:var(--primary);background:#ef374014}.search-icon{color:var(--muted);font-size:20px}.search-input-modern{flex:1;border:none;outline:none;padding:12px 0;background:transparent;font-size:15px;color:var(--text)}.search-input-modern::placeholder{color:var(--muted)}.search-filter-modern{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ef37401a;border:1px solid rgba(239,55,64,.2);border-radius:12px;color:var(--primary);cursor:pointer;transition:all .3s ease}.search-filter-modern:hover{background:#ef374026;transform:rotate(90deg)}.quick-filters-card,.browse-tags-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,55,64,.1);border-radius:16px;padding:20px;box-shadow:0 4px 16px #0000000d}.filters-title,.browse-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:16px}.filter-tags{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{padding:8px 16px;background:#ef37400d;border:1px solid rgba(239,55,64,.15);border-radius:20px;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-tag:hover{background:#ef37401a;border-color:#ef37404d}.filter-tag.active{background:var(--primary);border-color:var(--primary);color:#fff}.tags-grid{display:flex;flex-wrap:wrap;gap:8px}.tag-item{padding:8px 14px;background:#ef37400d;border:1px solid rgba(239,55,64,.1);border-radius:20px;color:var(--text);text-decoration:none;font-size:13px;font-weight:500;transition:all .3s ease}.tag-item:hover{background:#ef37401a;border-color:#ef374033;color:var(--primary);transform:translateY(-2px)}.center-column-new{display:flex;flex-direction:column;gap:24px}.stories-bar-new{background:#fff;border:1px solid rgba(239,55,64,.12);border-radius:20px;padding:24px;display:flex;gap:24px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;box-shadow:0 4px 16px #0000000f}.stories-bar-new::-webkit-scrollbar{display:none}.story-item-new{flex-shrink:0;text-align:center;cursor:pointer}.story-avatar-new{width:64px;height:64px;border-radius:50%;overflow:hidden;margin:0 auto 8px;border:3px solid var(--primary);padding:2px;background:linear-gradient(135deg,var(--primary),var(--primary));transition:transform .3s ease}.story-item-new:hover .story-avatar-new{transform:scale(1.05)}.story-avatar-new img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF}.story-name-new{font-size:12px;color:var(--text);font-weight:500;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.posts-feed-new-v2{display:flex;flex-direction:column;gap:24px}.post-card-new-v2{background:#fff;border:1px solid rgba(239,55,64,.12);border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000000f;transition:all .4s cubic-bezier(.4,0,.2,1)}.post-card-new-v2:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-4px);border-color:#ef374040}.post-header-new-v2{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(239,55,64,.08)}.post-author-new-v2{display:flex;align-items:center;gap:12px;flex:1}.author-avatar-new-v2{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2.5px solid rgba(239,55,64,.2);transition:all .3s ease}.post-card-new-v2:hover .author-avatar-new-v2{border-color:#ef374066;transform:scale(1.05)}.author-details-new-v2{flex:1;min-width:0}.author-name-new-v2{font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px}.post-meta-new-v2{font-size:12px;color:var(--muted)}.post-location{color:var(--primary);font-weight:500}.post-menu-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text);cursor:pointer;border-radius:50%;transition:all .3s ease}.post-menu-btn:hover{background:#ef37401a}.post-image-new-v2{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#f5f5f5}.post-image-new-v2 img{width:100%;height:100%;object-fit:cover}.video-post{position:relative}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.video-play-btn:hover{background:#ef3740e6;transform:translate(-50%,-50%) scale(1.1)}.video-play-btn .material-icons{font-size:48px}.post-body-new-v2{padding:20px}.post-actions-new-v2{display:flex;align-items:center;gap:20px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(239,55,64,.06)}.action-btn-new-v2{background:transparent;border:none;color:var(--text);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.action-btn-new-v2 .material-icons{font-size:26px}.action-btn-new-v2:hover{color:var(--primary);background:#ef37401a;transform:scale(1.15)}.action-btn-new-v2:active{transform:scale(.95)}.action-btn-new-v2.bookmark-btn{margin-left:auto}.post-likes-new-v2{font-size:14px;font-weight:700;color:var(--text);margin-bottom:8px}.post-content-new-v2{font-size:14px;color:var(--text);line-height:1.5;margin-bottom:8px}.post-author-name-inline{font-weight:700;margin-right:8px}.post-text-inline{color:var(--text)}.post-comments-new-v2{font-size:14px;color:var(--muted);margin-bottom:8px;cursor:pointer;transition:color .3s ease}.post-comments-new-v2:hover{color:var(--primary)}.post-time-new-v2{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.right-column-new{position:sticky;top:100px;height:calc(100vh - 120px);overflow-y:auto;padding-left:8px}.right-column-new::-webkit-scrollbar{width:6px}.right-column-new::-webkit-scrollbar-track{background:transparent}.right-column-new::-webkit-scrollbar-thumb{background:#ef374033;border-radius:3px}.right-column-new::-webkit-scrollbar-thumb:hover{background:#ef37404d}.communities-list-new{display:flex;flex-direction:column;gap:16px}.community-item-new{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;transition:all .3s ease;border:1px solid transparent}.community-item-new:hover{background:#ef37400f;border-color:#ef374026;transform:translate(4px)}.community-icon-new{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ef37401a;border-radius:12px;color:var(--primary);flex-shrink:0}.community-icon-new .material-icons{font-size:24px}.community-info-new{flex:1;min-width:0}.community-name-new{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.community-members{font-size:12px;color:var(--muted)}.join-community-btn{padding:6px 16px;background:#ef37401a;border:1px solid rgba(239,55,64,.2);border-radius:20px;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0}.join-community-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.featured-section-modern{margin-bottom:40px}.section-header-new{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.section-title-new{font-size:24px;font-weight:800;color:var(--text);margin-bottom:4px}.section-desc-new{font-size:14px;color:var(--muted)}.view-all-btn{display:inline-flex;align-items:center;gap:6px;color:var(--primary);text-decoration:none;font-weight:600;font-size:14px;transition:gap .3s ease}.view-all-btn:hover{gap:10px}.view-all-btn .material-icons{font-size:18px}.creators-scroll{display:flex;gap:20px;overflow-x:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:rgba(239,55,64,.3) transparent}.creators-scroll::-webkit-scrollbar{height:6px}.creators-scroll::-webkit-scrollbar-track{background:transparent}.creators-scroll::-webkit-scrollbar-thumb{background:#ef37404d;border-radius:3px}.creator-item-new{flex-shrink:0;text-align:center;width:100px}.creator-avatar-new{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:3px solid rgba(239,55,64,.2);transition:all .3s ease}.creator-item-new:hover .creator-avatar-new{border-color:var(--primary);transform:scale(1.05)}.creator-avatar-new img{width:100%;height:100%;object-fit:cover}.creator-badge-new{position:absolute;top:4px;right:4px;width:24px;height:24px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;border:2px solid #fff}.creator-name-new{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enthusiasts-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.enthusiast-card-new{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,55,64,.1);border-radius:16px;padding:20px;text-align:center;transition:all .3s ease;cursor:pointer}.enthusiast-card-new:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ef374026;border-color:#ef37404d}.enthusiast-icon-new{width:56px;height:56px;margin:0 auto 12px;background:#ef37401a;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .3s ease}.enthusiast-card-new:hover .enthusiast-icon-new{background:var(--primary);color:#fff;transform:scale(1.1) rotate(5deg)}.enthusiast-icon-new .material-icons{font-size:28px}.enthusiast-name-new{font-size:14px;font-weight:600;color:var(--text)}.latest-section{margin-top:20px}.posts-feed-new{display:flex;flex-direction:column;gap:24px}.post-card-new{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,55,64,.1);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.post-card-new:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a;border-color:#ef374033}.post-image-new{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:linear-gradient(135deg,#ef37401a,#ef37400d)}.post-image-new img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.post-card-new:hover .post-image-new img{transform:scale(1.05)}.post-type-indicator{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:5}.post-type-indicator .material-icons{font-size:20px}.video-indicator{background:#ef3740e6}.post-body-new{padding:20px}.post-author-new{display:flex;align-items:center;gap:12px;margin-bottom:16px}.author-img-new{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(239,55,64,.2)}.author-details-new{flex:1}.author-name-new{font-size:15px;font-weight:700;color:var(--text);margin-bottom:2px}.post-time-new{font-size:12px;color:var(--muted)}.post-title-new{font-size:20px;font-weight:800;color:var(--text);margin-bottom:12px;line-height:1.4}.post-text-new{font-size:15px;color:var(--muted);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-actions-new{display:flex;align-items:center;gap:20px;padding-top:16px;border-top:1px solid rgba(239,55,64,.1)}.action-btn-new{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;padding:6px 0}.action-btn-new:hover{color:var(--primary)}.action-btn-new .material-icons{font-size:20px}@media(max-width:1024px){.three-column-layout{grid-template-columns:260px 1fr 260px;gap:24px}.left-column-new,.right-column-new{height:calc(100vh - 100px);top:80px}}@media(max-width:768px){.three-column-layout{grid-template-columns:1fr;gap:20px}.left-column-new,.right-column-new{position:static;display:none}.center-column-new{width:100%}.top-bar-new{margin-bottom:24px}.search-bar-new{max-width:100%}.stories-bar-new{padding:16px;gap:16px}.story-avatar-new{width:56px;height:56px}}@media(max-width:480px){.explore-content-new{padding:16px 0 40px}.container-new{padding:0 12px}.top-bar-new{padding:12px 0}.search-bar-new{padding:10px 16px}.post-card-new-v2{border-radius:12px}.post-header-new-v2,.post-body-new-v2{padding:12px}.stories-bar-new{padding:12px;gap:12px}}.modal-header{align-items:center!important;padding-bottom:20px!important;border-bottom:1px solid rgba(116,120,149,.1)!important;margin-bottom:20px!important;position:relative!important}.modal-back-btn{width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border:1.5px solid rgba(116,120,149,.15)!important;border-radius:12px!important;color:#1b264f!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;padding:0!important;margin-right:16px!important;box-shadow:0 4px 12px #1b264f0d!important;flex-shrink:0!important}.modal-back-btn:hover{border-color:#ef3740!important;color:#ef3740!important;transform:translate(-3px)!important;box-shadow:0 8px 20px #ef374026!important;background:#fff!important}.modal-back-btn svg{width:22px!important;height:22px!important;stroke-width:2.5px!important;transition:transform .3s ease!important}.modal-back-btn:hover svg{transform:scale(1.1)!important}.modal-header-standalone,.avatar-modal-header-new{position:relative!important;text-align:center!important}.explore-page .settings-wrapper{width:100%;margin:0;padding:40px 20px;display:flex;flex-direction:row;gap:24px;align-items:flex-start;box-sizing:border-box}.settings-sidebar{position:sticky;top:100px;height:fit-content;min-width:280px;width:280px;flex-shrink:0}.settings-nav{background:linear-gradient(135deg,#fffffffa,#f8f9fcf5),radial-gradient(circle at 30% 30%,rgba(27,38,79,.04) 0%,transparent 50%);border-radius:20px;border:2px solid rgba(255,255,255,.9);box-shadow:0 20px 60px #1b264f14,0 10px 30px #3838380a,inset 0 1px #fffffff2;padding:20px;overflow:hidden}.nav-section{margin-bottom:24px}.nav-section-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding:0 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:var(--text);text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease;margin-bottom:4px;cursor:pointer;border:2px solid transparent}.nav-item:hover{background:#ef37400d;color:var(--primary);transform:translate(4px)}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #ef374040}.nav-item.active .material-icons{color:#fff}.nav-item .material-icons{font-size:22px;color:var(--muted);transition:color .2s ease}.nav-item:hover .material-icons{color:var(--primary)}.settings-main{flex:1 1 0;min-width:0;min-height:600px;width:100%}.settings-section{width:100%;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:20px}.section-title{font-size:36px;font-weight:700;color:var(--text);letter-spacing:-.5px;margin-bottom:8px;display:flex;align-items:center;gap:12px}.section-title .material-icons{font-size:36px;color:var(--primary)}.section-description{font-size:16px;color:var(--muted);line-height:1.6;margin:0}.modern-card{background:linear-gradient(135deg,#fffffffa,#f8f9fcf5),radial-gradient(circle at 30% 30%,rgba(27,38,79,.04) 0%,transparent 50%);border-radius:24px;border:2px solid rgba(255,255,255,.9);box-shadow:0 20px 60px #1b264f14,0 10px 30px #3838380a,inset 0 1px #fffffff2;padding:32px;margin-bottom:24px;transition:all .3s ease}.modern-card:hover{box-shadow:0 25px 70px #1b264f1f,0 15px 40px #3838380f,inset 0 1px #fffffff2;transform:translateY(-2px)}.card-title-modern{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.3px;margin-bottom:8px;display:flex;align-items:center;gap:10px}.card-title-modern .material-icons{font-size:24px;color:var(--primary)}.card-subtitle{font-size:14px;color:var(--muted);margin-bottom:24px;line-height:1.6}.profile-hero{background:linear-gradient(135deg,#ef37401a,#ef37400d);border:2px solid rgba(239,55,64,.2);border-radius:16px;padding:20px 24px;margin-bottom:20px;display:flex;align-items:center;gap:16px}.profile-hero-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 4px 12px #1b264f26;flex-shrink:0}.profile-hero-avatar--initials{background:linear-gradient(135deg,var(--primary),#FF6B7A);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700}.profile-hero-info h2{font-size:20px;font-weight:700;color:var(--text);margin-bottom:4px;letter-spacing:-.3px}.profile-hero-info p{font-size:16px;font-weight:500;color:var(--muted);line-height:1.45;margin-bottom:4px}.profile-hero-info .badge{display:inline-block;padding:4px 10px;background:#ef374026;color:var(--primary);border-radius:12px;font-size:11px;font-weight:600;margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group-modern{margin-bottom:18px}.form-group-modern.full-width{grid-column:1 / -1}.form-label-modern{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px;letter-spacing:-.2px}.form-label-modern .required{color:var(--primary);margin-left:4px}.form-input-modern{width:100%;background:#ffffffe6;border:2px solid var(--border);padding:12px 16px;border-radius:10px;color:var(--text);font-size:14px;transition:all .2s ease;font-family:inherit}.form-input-modern::placeholder{color:var(--muted);opacity:.6}.form-input-modern:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #ef37401a}.form-input-modern[readonly]{background:#0000000a!important;cursor:not-allowed!important;opacity:.7}.form-input-modern[readonly]:focus{border-color:var(--border);box-shadow:none}.form-hint-modern{display:block;font-size:12px;color:var(--muted);margin-top:6px;opacity:.7}.image-upload-modern{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0}.image-upload-box{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px dashed var(--border);background:var(--bg, #f8f9fc);cursor:pointer;transition:all .3s ease}.image-upload-box:hover{border-color:var(--primary);background:#ef37400d}.image-upload-box.cover{aspect-ratio:16/9}.image-upload-box img{width:100%;height:100%;object-fit:cover;display:none}.image-upload-box img.show{display:block}.image-upload-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.image-upload-placeholder.hide{display:none}.image-upload-placeholder .material-icons{font-size:48px;opacity:.5}.image-upload-label-modern{position:absolute;bottom:16px;left:16px;right:16px;background:#fffffff2;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;color:var(--text);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.radio-group-modern{display:flex;flex-direction:column;gap:10px}.radio-option-modern{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#ffffffe6;border:2px solid var(--border);border-radius:14px;cursor:pointer;transition:all .2s ease}.radio-option-modern:hover{border-color:var(--primary);background:#ef37400d;transform:translate(4px)}.radio-option-modern input[type=radio]{width:22px;height:22px;cursor:pointer;accent-color:var(--primary)}.radio-option-modern label{flex:1;cursor:pointer;font-size:15px;color:var(--text);font-weight:500}.tags-container-modern{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;min-height:50px;padding:16px;background:#ffffff80;border:2px dashed var(--border);border-radius:12px}.tag-modern{padding:10px 18px;background:#fff;border:2px solid var(--border);border-radius:20px;font-size:14px;font-weight:600;color:var(--text);display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.tag-modern:hover{border-color:var(--primary);background:#ef37400d}.tag-modern .material-icons{font-size:18px;cursor:pointer;opacity:.6}.tag-modern .material-icons:hover{opacity:1;color:var(--primary)}.tag-modern.followed{background:var(--primary);color:#fff;border-color:var(--primary)}.tag-modern.followed .material-icons{color:#fff}.empty-state-modern{text-align:center;padding:80px 20px}.empty-state-modern .material-icons{font-size:80px;color:var(--muted);opacity:.3;margin-bottom:20px}.empty-state-modern h3{font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px}.empty-state-modern p{font-size:15px;color:var(--muted);margin-bottom:24px}.empty-state-modern .btn-modern .material-icons{font-size:20px!important;width:20px!important;height:20px!important;color:#fff!important;opacity:1!important;margin-bottom:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.info-card-modern{padding:16px 18px;background:#ef374014;border:2px solid rgba(239,55,64,.15);border-radius:12px;margin-bottom:16px;font-size:13px}.info-card-modern h4{font-size:16px;font-weight:700;color:var(--text);margin-bottom:12px}.info-card-modern ul{list-style:none;padding:0;margin:0}.info-card-modern li{padding:10px 0;color:var(--text);font-size:14px;display:flex;align-items:center;gap:10px}.info-card-modern li:before{content:"✓";color:var(--primary);font-weight:700;width:24px;height:24px;background:#ef374026;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.influencer-card-modern{padding:40px;background:linear-gradient(135deg,#ef37401f,#ef37400f);border:2px solid rgba(239,55,64,.2);border-radius:24px;text-align:center;margin-bottom:24px}.influencer-card-modern>.material-icons{font-size:48px;color:var(--primary);margin-bottom:20px}.influencer-card-modern .btn-modern .material-icons{font-size:20px;width:20px;height:20px;color:#fff;display:inline-flex;align-items:center;justify-content:center}.influencer-card-modern h3{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}.influencer-card-modern p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:8px;max-width:600px;margin-left:auto;margin-right:auto}.quick-links-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.quick-link-modern{padding:20px 24px;background:#ffffffe6;border:2px solid var(--border);border-radius:16px;text-decoration:none;color:var(--text);font-weight:600;font-size:15px;transition:all .2s ease;display:flex;align-items:center;gap:12px}.quick-link-modern:hover{border-color:var(--primary);background:#ef37400d;color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px #ef374026}.quick-link-modern .material-icons{font-size:24px}.btn-modern{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;line-height:1}.btn-modern .material-icons{font-size:20px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn-modern-primary .material-icons{color:#fff}.btn-modern-secondary .material-icons{color:inherit}.btn-modern-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #ef374040}.btn-modern-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef37404d}.btn-modern-secondary{background:#ffffffe6;color:var(--text);border:2px solid var(--border)}.btn-modern-secondary:hover{border-color:var(--primary);background:#ef37400d;color:var(--primary)}.textarea-modern{width:100%;background:#ffffffe6;border:2px solid var(--border);padding:12px 16px;border-radius:10px;color:var(--text);font-size:14px;transition:all .2s ease;font-family:inherit;resize:vertical;min-height:140px;line-height:1.6}.textarea-modern::placeholder{color:var(--muted);opacity:.6}.textarea-modern:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #ef37401a}.success-message{position:fixed;bottom:30px;left:50%;transform:translate(-50%);max-width:400px;width:calc(100% - 40px);background:#10b981;color:#fff;padding:18px 24px;border-radius:14px;font-size:15px;font-weight:600;text-align:center;box-shadow:0 10px 40px #10b9814d;z-index:1000;animation:slideUp .3s ease;display:none}.success-message.show{display:block}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hidden-file-input{display:none}@media(max-width:1024px){.explore-page .settings-wrapper{flex-direction:column}.settings-sidebar{position:static;margin-bottom:30px}.settings-nav{display:flex;flex-wrap:wrap;gap:8px;padding:16px}.nav-section{margin-bottom:0}.nav-section-title{display:none}.nav-item{margin-bottom:0}}@media(max-width:768px){.explore-page .settings-wrapper{padding:20px 15px}.section-title{font-size:28px}.modern-card{padding:16px 18px}.form-grid,.image-upload-modern{grid-template-columns:1fr}.profile-hero{flex-direction:column;text-align:center;padding:16px}.modern-card>div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:20px!important}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}body.landing-page{height:auto;overflow-y:auto;overflow-x:hidden;display:block;padding:0;background:#fff;position:relative}body.landing-page .main-container{display:none}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.floating-shape{position:absolute;border-radius:50%;opacity:.1;animation:float 20s infinite ease-in-out}.shape-1{width:400px;height:400px;background:radial-gradient(circle,var(--primary),transparent);top:10%;left:-10%;animation-delay:0s}.shape-2{width:300px;height:300px;background:radial-gradient(circle,var(--primary),transparent);top:60%;right:-5%;animation-delay:5s}.shape-3{width:250px;height:250px;background:radial-gradient(circle,var(--primary),transparent);bottom:20%;left:20%;animation-delay:10s}.shape-4{width:350px;height:350px;background:radial-gradient(circle,var(--primary),transparent);top:30%;right:30%;animation-delay:15s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.landing-header{position:sticky;top:0;z-index:1000;background:#fffc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(239,55,64,.1);box-shadow:0 4px 20px #0000000d;transition:all .3s ease}.landing-header:hover{background:#fffffff2;box-shadow:0 8px 30px #00000014}.header-container{max-width:1400px;margin:0 auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between}.landing-header .logo{display:flex;align-items:center;text-decoration:none;transition:transform .3s ease}.landing-header .logo:hover{transform:scale(1.05)}.landing-header .logo-img{height:45px;width:auto}.header-nav{display:flex;gap:16px;align-items:center}.btn-login,.btn-signup{padding:12px 28px;border-radius:12px;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden}.btn-login{color:var(--text);background:#ef37400d;border-color:#ef374033}.btn-login:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ef37401a;transition:left .3s ease}.btn-login:hover:before{left:0}.btn-login:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #ef374033}.btn-signup{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary));border-color:var(--primary);box-shadow:0 4px 15px #ef37404d}.btn-signup:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);transition:left .3s ease}.btn-signup:hover:before{left:100%}.btn-signup:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ef374066}.container{max-width:1400px;margin:0 auto;padding:0 40px;position:relative;z-index:1}.hero-section{padding:120px 20px 100px;text-align:center;position:relative;overflow:hidden;min-height:90vh;display:flex;align-items:center;justify-content:center;background-image:url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=1920&h=1080&fit=crop&q=80);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0006,#00000080,#0009);z-index:1}.hero-video-wrapper{display:none}.hero-content{max-width:900px;margin:0 auto;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50px;color:#fff;font-size:14px;font-weight:600;margin-bottom:30px;animation:fadeInUp .8s ease;box-shadow:0 4px 15px #0003}.hero-title{font-size:clamp(42px,8vw,72px);font-weight:900;line-height:1.1;margin-bottom:20px;animation:fadeInUp .8s ease .2s both}.hero-title .title-line{display:block;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero-title .title-line.highlight{color:var(--primary);text-shadow:0 4px 20px rgba(239,55,64,.4);position:relative}.hero-subtitle{font-size:clamp(24px,4vw,36px);font-weight:600;color:#fff;margin-bottom:30px;animation:fadeInUp .8s ease .4s both;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-text{max-width:750px;margin:0 auto 50px;animation:fadeInUp .8s ease .6s both}.hero-description{font-size:20px;color:#fffffff2;margin-bottom:16px;line-height:1.7;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.3)}.hero-description-secondary{font-size:18px;color:#ffffffd9;line-height:1.7;text-shadow:0 2px 8px rgba(0,0,0,.3)}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:60px;animation:fadeInUp .8s ease .8s both;align-items:center}.hero-cta .btn{padding:18px 40px;border-radius:16px;text-decoration:none;font-weight:700;font-size:16px;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;white-space:nowrap;min-width:180px}.hero-cta .btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 24px #ef374080,0 4px 12px #0000004d;border-color:var(--primary)}.hero-cta .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.hero-cta .btn-primary:hover:before{left:100%}.hero-cta .btn-primary:hover{transform:translateY(-4px);box-shadow:0 12px 32px #ef374099,0 6px 16px #0006;background:var(--primary)}.hero-cta .btn-primary .material-icons{transition:transform .3s ease;font-size:20px}.hero-cta .btn-primary:hover .material-icons{transform:translate(4px)}.hero-cta .btn-secondary{background:#ffffff40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;border:2px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #00000040}.hero-cta .btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.hero-cta .btn-secondary:hover:before{left:100%}.hero-cta .btn-secondary:hover{background:#ffffff59;border-color:#ffffffb3;transform:translateY(-4px);box-shadow:0 8px 30px #00000059}.hero-cta .btn-secondary .material-icons{transition:transform .3s ease;font-size:20px}.hero-cta .btn-secondary:hover .material-icons{transform:translate(4px)}.hero-stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;padding-top:60px;border-top:1px solid rgba(255,255,255,.2);animation:fadeInUp .8s ease 1s both}.stat-item{text-align:center}.stat-number{font-size:36px;font-weight:800;color:#fff;margin-bottom:8px;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.3)}.stat-label{font-size:14px;color:#ffffffe6;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 5px rgba(0,0,0,.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}section{padding:100px 20px;position:relative;z-index:1}.section-intro{text-align:center;margin-bottom:70px}.section-badge-modern{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ef37401a;border:1px solid rgba(239,55,64,.2);border-radius:50px;color:var(--primary);font-size:14px;font-weight:600;margin-bottom:24px}.section-badge-modern .material-icons{font-size:18px}.section-title-modern{font-size:clamp(32px,5vw,48px);font-weight:800;color:var(--text);margin-bottom:16px;line-height:1.2}.spotlight-section{background:linear-gradient(180deg,#fafbfc,#fff);padding:100px 20px}.spotlight-wrapper-new{max-width:1100px;margin:0 auto}.spotlight-header-new{text-align:center;margin-bottom:50px}.spotlight-badge-new{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#ef37401a;border:1px solid rgba(239,55,64,.2);border-radius:50px;color:var(--primary);font-weight:700;font-size:15px;margin-bottom:24px}.spotlight-badge-new .material-icons{font-size:22px}.spotlight-card-new-design{background:#fff;border:1px solid rgba(239,55,64,.12);border-radius:28px;overflow:hidden;box-shadow:0 20px 60px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);display:grid;grid-template-columns:400px 1fr;min-height:500px}.spotlight-card-new-design:hover{transform:translateY(-8px);box-shadow:0 30px 80px #ef374026;border-color:#ef374040}.spotlight-image-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#ef37401a,#ef37400d)}.spotlight-image-wrapper{position:relative;width:100%;height:100%}.spotlight-main-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.spotlight-card-new-design:hover .spotlight-main-image{transform:scale(1.1)}.spotlight-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000001a,#0000004d)}.spotlight-avatar-section{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10}.spotlight-avatar-new-design{position:relative;width:120px;height:120px;margin:0 auto}.spotlight-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:5px solid #FFFFFF;box-shadow:0 12px 40px #0000004d;transition:transform .4s ease}.spotlight-card-new-design:hover .spotlight-avatar-img{transform:scale(1.1)}.verified-badge{position:absolute;bottom:0;right:0;width:36px;height:36px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:4px solid #FFFFFF;box-shadow:0 4px 12px #ef374066}.verified-badge .material-icons{font-size:20px}.spotlight-content-new{padding:50px 40px;display:flex;flex-direction:column;justify-content:center}.spotlight-creator-info{text-align:center;margin-bottom:32px}.spotlight-name-new{font-size:36px;font-weight:900;color:var(--text);margin-bottom:16px;line-height:1.2}.spotlight-categories-new{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:28px}.category-badge{padding:8px 18px;background:#ef37401a;border:1px solid rgba(239,55,64,.2);border-radius:25px;color:var(--primary);font-size:14px;font-weight:600;transition:all .3s ease}.category-badge:hover{background:#ef374026;border-color:#ef37404d;transform:translateY(-2px)}.spotlight-stats-new{display:flex;justify-content:center;gap:32px;padding:24px 0;border-top:1px solid rgba(239,55,64,.1);border-bottom:1px solid rgba(239,55,64,.1)}.stat-item-new{text-align:center}.stat-value{display:block;font-size:24px;font-weight:800;color:var(--primary);margin-bottom:4px;line-height:1}.stat-label{display:block;font-size:13px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.spotlight-message-new{position:relative;padding:28px;background:#ef37400d;border-left:4px solid var(--primary);border-radius:16px;margin:32px 0}.message-icon{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#ef37401a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary)}.message-icon .material-icons{font-size:24px}.message-text{font-size:17px;color:var(--text);line-height:1.7;font-style:italic;margin:0}.spotlight-actions-new{display:flex;gap:16px;justify-content:center}.follow-creator-btn,.view-profile-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:14px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.follow-creator-btn{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 6px 20px #ef37404d}.follow-creator-btn:hover{background:var(--secondary);transform:translateY(-3px);box-shadow:0 10px 30px #ef374066}.follow-creator-btn .material-icons{font-size:20px}.view-profile-btn{background:transparent;color:var(--primary);border-color:#ef37404d}.view-profile-btn:hover{background:#ef37400d;border-color:var(--primary);transform:translateY(-3px)}.view-profile-btn .material-icons{font-size:20px;transition:transform .3s ease}.view-profile-btn:hover .material-icons{transform:translate(4px)}.features-section{background:linear-gradient(180deg,#fff,#fafbfc)}.features-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:60px}.feature-card-modern{position:relative;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,55,64,.1);border-radius:20px;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;opacity:0;transform:translateY(30px)}.feature-card-modern.animate-in{opacity:1;transform:translateY(0)}.feature-card-modern:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.feature-card-modern:hover:before{transform:scaleX(1)}.feature-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 60px #ef374026;border-color:#ef37404d}.feature-number{position:absolute;top:20px;right:20px;font-size:72px;font-weight:900;color:#ef37400d;line-height:1}.feature-icon-modern{position:relative;width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.icon-bg{position:absolute;inset:0;background:linear-gradient(135deg,#ef37401a,#ef37400d);border-radius:20px;transform:rotate(-5deg);transition:transform .4s ease}.feature-card-modern:hover .icon-bg{transform:rotate(0) scale(1.1)}.feature-icon-modern .material-icons{position:relative;z-index:2;font-size:40px;color:var(--primary)}.feature-title{font-size:24px;font-weight:800;color:var(--text);margin-bottom:8px;text-align:center}.feature-subtitle{font-size:16px;font-weight:600;color:var(--primary);margin-bottom:16px;text-align:center}.feature-description{font-size:15px;color:var(--muted);line-height:1.7;text-align:center;margin-bottom:24px}.calculator-section{background:linear-gradient(180deg,#fafbfc,#fff)}.calculator-wrapper{max-width:700px;margin:0 auto}.calculator-intro{text-align:center;margin-bottom:50px}.calculator-subtitle{font-size:18px;color:var(--muted);margin-bottom:8px}.calculator-formula{font-size:16px;color:var(--muted);margin-bottom:20px}.formula-display{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;background:#ef37400d;border:1px solid rgba(239,55,64,.15);border-radius:12px;margin-top:16px}.formula-display span{font-weight:600;color:var(--text)}.formula-display code{font-family:Inter,monospace;font-size:16px;color:var(--primary);font-weight:700}.calculator-card-modern{position:relative;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,55,64,.15);border-radius:24px;padding:50px;box-shadow:0 20px 60px #00000014;overflow:hidden}.calculator-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(239,55,64,.1),transparent);border-radius:50%;filter:blur(40px);pointer-events:none}.calculator-display{text-align:center;margin-bottom:40px;position:relative;z-index:2}.display-label{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-weight:600}.display-amount{display:flex;align-items:baseline;justify-content:center;gap:8px}.currency{font-size:32px;font-weight:700;color:var(--primary)}.result-amount{font-size:clamp(48px,8vw,72px);font-weight:900;color:var(--text);line-height:1}.result-period{font-size:20px;color:var(--muted);font-weight:500}.calculator-controls{position:relative;z-index:2}.control-label{display:block;font-weight:600;color:var(--text);margin-bottom:20px;font-size:16px}.input-wrapper{display:flex;gap:16px;align-items:center;margin-bottom:12px}.calculator-slider{flex:1;height:8px;border-radius:4px;background:#ef37401a;outline:none;-webkit-appearance:none;appearance:none}.calculator-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 4px 12px #ef37404d;transition:all .3s ease}.calculator-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 6px 16px #ef374066}.calculator-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:0 4px 12px #ef37404d}.calculator-input-modern{width:150px;padding:14px 18px;border:2px solid rgba(239,55,64,.2);border-radius:12px;font-size:18px;font-weight:700;text-align:center;background:#fffc;color:var(--text);transition:all .3s ease}.calculator-input-modern:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #ef37401a;background:#fff}.slider-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-weight:500}.calculator-disclaimer{font-size:12px;color:var(--muted);line-height:1.6;text-align:center;margin-top:30px;position:relative;z-index:2}.get-started-section{background:linear-gradient(180deg,#fff,#fafbfc)}.get-started-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:60px}.get-started-card-modern{position:relative;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,55,64,.1);border-radius:20px;padding:36px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;opacity:0;transform:translateY(30px)}.get-started-card-modern.animate-in{opacity:1;transform:translateY(0)}.card-glow{position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(239,55,64,.08),transparent 70%);opacity:0;transition:opacity .4s ease}.get-started-card-modern:hover .card-glow{opacity:1}.get-started-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 60px #ef374026;border-color:#ef37404d}.get-started-icon-modern{width:64px;height:64px;margin-bottom:24px;background:linear-gradient(135deg,#ef37401a,#ef37400d);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:transform .4s ease}.get-started-card-modern:hover .get-started-icon-modern{transform:scale(1.1) rotate(5deg)}.get-started-icon-modern .material-icons{font-size:32px}.get-started-title{font-size:22px;font-weight:800;color:var(--text);margin-bottom:12px}.get-started-description{font-size:15px;color:var(--muted);line-height:1.7}.faq-section{background:linear-gradient(180deg,#fafbfc,#fff)}.faq-list-modern{max-width:900px;margin:60px auto 0}.faq-item-modern{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,55,64,.1);border-radius:16px;margin-bottom:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px)}.faq-item-modern.animate-in{opacity:1;transform:translateY(0)}.faq-item-modern:hover{border-color:#ef37404d;box-shadow:0 8px 24px #00000014}.faq-item-modern.active{border-color:#ef374066;box-shadow:0 12px 32px #ef374026}.faq-question-modern{width:100%;padding:24px 28px;background:transparent;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;gap:20px}.faq-content{display:flex;align-items:center;gap:20px;flex:1;min-width:0}.faq-number{font-size:18px;font-weight:800;color:var(--primary);min-width:30px;flex-shrink:0;line-height:1;display:flex;align-items:center}.faq-text{font-size:17px;font-weight:700;color:var(--text);flex:1;line-height:1.5;display:flex;align-items:center}.faq-icon{color:var(--primary);transition:all .3s ease;font-size:24px;width:40px;height:40px;display:flex!important;align-items:center;justify-content:center;background:#ef37401a;border-radius:50%;flex-shrink:0;margin:0;line-height:1}.faq-item-modern.active .faq-icon{background:var(--primary);color:#fff}.faq-answer-modern{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);padding:0 28px}.faq-item-modern.active .faq-answer-modern{max-height:500px;padding:0 28px 24px 78px}.faq-answer-modern p{font-size:15px;color:var(--muted);line-height:1.7;margin:0}.landing-footer{background:linear-gradient(180deg,var(--text) 0%,#1a1a2e 100%);color:#fff;padding:80px 20px 40px;position:relative;overflow:hidden}.landing-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(239,55,64,.5),transparent)}.footer-content-modern{max-width:1400px;margin:0 auto 50px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:60px}.footer-brand{max-width:300px}.footer-logo{display:inline-block;margin-bottom:20px}.footer-logo .logo-img{height:45px;width:auto;filter:brightness(0) invert(1)}.footer-tagline{color:#ffffffb3;font-size:15px;line-height:1.6}.footer-links-grid{display:contents}.footer-section{display:flex;flex-direction:column}.footer-title{font-size:16px;font-weight:700;margin-bottom:20px;color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:14px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-link{color:#ffffffb3;text-decoration:none;font-size:15px;transition:all .3s ease;display:inline-block}.footer-link:hover{color:#fff;transform:translate(4px)}.social-links-modern{display:flex;flex-direction:column;gap:12px}.social-link-modern{display:inline-flex;align-items:center;gap:10px;color:#ffffffb3;text-decoration:none;font-size:15px;transition:all .3s ease;padding:8px 0}.social-link-modern .material-icons{font-size:20px;transition:transform .3s ease}.social-link-modern:hover{color:#fff;transform:translate(4px)}.social-link-modern:hover .material-icons{transform:scale(1.2)}.footer-bottom-modern{max-width:1400px;margin:0 auto;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#ffffff80;font-size:14px}@media(max-width:1024px){.container{padding:0 30px}.spotlight-card-new-design{grid-template-columns:350px 1fr}.spotlight-content-new{padding:40px 32px}.footer-content-modern{grid-template-columns:1fr 1fr;gap:40px}.features-grid-modern,.get-started-grid-modern{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.header-container{padding:16px 24px}.hero-section{padding:80px 20px 60px}.hero-stats{gap:40px}.stat-number{font-size:28px}.section-title-modern{font-size:clamp(28px,6vw,40px)}.features-grid-modern,.get-started-grid-modern{grid-template-columns:1fr;gap:24px}.header-nav{gap:10px}.btn-login,.btn-signup{padding:10px 20px;font-size:14px}section{padding:70px 20px}.spotlight-card-new-design{grid-template-columns:1fr;min-height:auto}.spotlight-image-section{height:300px}.spotlight-avatar-section{bottom:20px}.spotlight-avatar-new-design{width:100px;height:100px}.spotlight-content-new{padding:40px 32px}.spotlight-name-new{font-size:28px}.spotlight-stats-new{gap:24px}.spotlight-actions-new{flex-direction:column}.follow-creator-btn,.view-profile-btn{width:100%;justify-content:center}.calculator-card-modern{padding:32px}.footer-content-modern{grid-template-columns:1fr;gap:40px}.input-wrapper{flex-direction:column;align-items:stretch}.calculator-input-modern{width:100%}}@media(max-width:480px){.header-container{padding:12px 16px}.landing-header .logo-img{height:36px}.hero-section{padding:60px 20px 50px;min-height:80vh}.hero-video-overlay{background:linear-gradient(180deg,#00000080,#0009,#000000b3)}.hero-badge{font-size:12px;padding:8px 16px}.hero-cta{flex-direction:row;gap:12px;width:100%;max-width:500px;margin-left:auto;margin-right:auto}.hero-cta .btn{flex:1;min-width:0;padding:16px 24px;font-size:15px}.hero-stats{gap:30px;flex-direction:column}.btn-login,.btn-signup{padding:10px 16px;font-size:13px}.spotlight-section{padding:60px 16px}.spotlight-card-new-design{border-radius:20px}.spotlight-image-section{height:250px}.spotlight-avatar-new-design{width:90px;height:90px}.verified-badge{width:28px;height:28px;border-width:3px}.verified-badge .material-icons{font-size:16px}.spotlight-content-new{padding:32px 24px}.spotlight-name-new{font-size:24px}.spotlight-stats-new{gap:16px;flex-wrap:wrap}.stat-value{font-size:20px}.spotlight-message-new{padding:20px}.message-text{font-size:15px}.spotlight-actions-new{flex-direction:column}.follow-creator-btn,.view-profile-btn{width:100%}.calculator-card-modern{padding:24px}.quote-icon{display:none}.feature-card-modern,.get-started-card-modern{padding:28px}.faq-question-modern{padding:20px;gap:16px}.faq-content{gap:12px}.faq-number{min-width:24px;font-size:16px}.faq-text{font-size:15px;line-height:1.4}.faq-icon{width:36px;height:36px;font-size:20px}.faq-item-modern.active .faq-answer-modern{padding:0 20px 20px 56px}}@media(max-width:768px){.avatar-modal-content-professional{max-width:95%;border-radius:20px}.avatar-modal-header-professional{padding:20px 24px}.avatar-modal-body-professional{padding:24px}.face-selection-professional{flex-direction:column;gap:16px}.avatar-circle-professional{width:100px;height:100px}.color-grid-professional{grid-template-columns:repeat(5,1fr);gap:10px}.avatar-buttons-professional{flex-direction:column}}.entourages-main{padding-top:20px}.entourages-container{max-width:1400px;margin:0 auto;padding:32px 20px}.page-header-section{margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.page-header-left{flex:1;min-width:200px}.page-title{font-size:28px;font-weight:800;color:var(--text);margin-bottom:8px}.page-subtitle{font-size:16px;color:var(--muted);margin:0}.filter-chips{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.filter-chip{padding:10px 20px;border-radius:24px;font-size:14px;font-weight:600;border:2px solid rgba(116,120,149,.2);background:#ffffffe6;color:var(--text);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.filter-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.filter-chip:hover:before{left:100%}.filter-chip:hover{border-color:#1b264f4d;color:var(--text);transform:translateY(-2px);box-shadow:0 4px 12px #1b264f14}.filter-chip.active{background:linear-gradient(135deg,#1b264f,#2d3a6b);border-color:transparent;color:#fff;box-shadow:0 4px 16px #1b264f33}.filter-chip.active .material-icons{color:#fff}.filter-chip .material-icons{font-size:18px;color:inherit}.entourages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.entourage-card{background:linear-gradient(135deg,#fffffffa,#fffffff5);border:2px solid rgba(255,255,255,.95);border-radius:24px;padding:0;box-shadow:0 10px 40px #1b264f14,0 5px 20px #3838380d,0 0 0 1px #fffc inset;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.entourage-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1b264f,#3d4d7a);transform:scaleX(0);transition:transform .4s ease;pointer-events:none}.entourage-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(27,38,79,.04) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.entourage-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #1b264f1f,0 10px 30px #1b264f14,0 0 0 1px #ffffffe6 inset;border-color:#74789547}.entourage-card:hover:before{transform:scaleX(1)}.entourage-card:hover:after{opacity:1}.entourage-card .card-banner-hit{position:relative;z-index:1;cursor:pointer;display:block}.entourage-card .card-banner{width:100%;height:160px;object-fit:cover;display:block;position:relative;transition:transform .4s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.entourage-card:hover .card-banner{transform:scale(1.05)}.entourage-card .card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 0;position:relative;margin-top:-28px;z-index:3;flex-direction:row;pointer-events:auto}.card-badge{padding:6px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid white;box-shadow:0 2px 8px #00000026;z-index:2}.badge-free{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important}.badge-premium{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff}.badge-joined,.badge-verified{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.entourage-detail-profile-header .profile-badge{width:auto!important;height:auto!important;min-width:auto!important;min-height:auto!important;padding:6px 14px!important;border-radius:16px!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;border:3px solid #FFFFFF!important;box-shadow:0 4px 12px #00000026!important}.entourage-detail-profile-header .profile-badge.badge-free{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important}.entourage-detail-profile-header .profile-badge.badge-premium{background:linear-gradient(135deg,#d97706,#f59e0b)!important;color:#fff!important}.entourage-detail-profile-header .profile-badge.badge-joined{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important}.entourage-detail-profile-header .profile-handle.entourage-detail-creator-name{margin-bottom:4px}.entourage-detail-profile-header .entourage-detail-creator-username{font-size:14px;color:var(--muted);font-weight:500;margin:4px 0 16px}.entourage-detail-layout .profile-tag{background:#7478951a;color:var(--text);border-color:#7478952e}.entourage-access-page .profile-name{background:none;-webkit-text-fill-color:var(--text);color:var(--text)}.entourage-card .card-menu-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:10px;flex-shrink:0;position:relative;z-index:4;pointer-events:auto}.entourage-card .card-menu-btn:hover{background:#7478951a;color:var(--text)}.card-body{padding:0 24px 20px;margin-bottom:0;position:relative;z-index:2}.entourage-name{font-size:20px;font-weight:700;color:var(--text);margin-bottom:6px;margin-top:0}.entourage-handle{font-size:14px;color:var(--muted);margin-bottom:12px}.entourage-description{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entourage-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.entourage-tag{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;background:#7478951a;color:var(--text);border:1px solid rgba(116,120,149,.18)}.entourage-stats{display:flex;gap:20px;padding-top:16px;border-top:1px solid rgba(116,120,149,.1)}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:18px;font-weight:700;color:var(--text)}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.card-footer{display:flex;gap:12px;padding:0 24px 24px;position:relative;z-index:2}.btn-join{flex:1;padding:12px 20px;background:linear-gradient(135deg,#ef3740,#ff6b7a);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #ef37404d}.btn-join:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef374066}.btn-joined{flex:1;padding:12px 20px;background:#3b82f61a;color:#3b82f6;border:2px solid rgba(59,130,246,.2);border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-joined:hover{background:#3b82f626;border-color:#3b82f64d}.entourage-detail-main{padding-top:20px;background:linear-gradient(135deg,#fff,#f8f9fc,#f0f2f8 60%,#fff);min-height:100vh}.detail-container{max-width:1200px;margin:0 auto;padding:0 20px 40px}.entourage-detail-layout .detail-container{max-width:100%;padding:0 0 40px}.banner-section{position:relative;width:100%;height:300px;border-radius:24px;overflow:hidden;margin-bottom:24px;box-shadow:0 10px 40px #1b264f1f}.banner-overlay{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;align-items:flex-end;padding:20px}.back-button{position:absolute;top:20px;left:20px;background:#fffffff2;border:none;border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;z-index:10}.back-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.entourage-branding-edit-btn{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:12px;background:#fffffff2;color:#1b264f;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;z-index:10}.entourage-branding-edit-btn .material-icons{font-size:18px}.entourage-branding-edit-btn:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.entourage-branding-edit-btn:disabled{opacity:.7;cursor:not-allowed}.entourage-branding-edit-btn--cover{top:20px;right:20px}.entourage-branding-edit-btn--profile{bottom:12px;left:12px;padding:6px 10px;font-size:12px}.entourage-branding-edit-btn--profile .material-icons{font-size:16px}.profile-header{background:linear-gradient(135deg,#fffffffa,#fffffff5);border:2px solid rgba(255,255,255,.95);border-radius:24px;padding:32px;margin-top:-80px;position:relative;z-index:5;box-shadow:0 20px 60px #1b264f1f,0 10px 30px #38383814,0 0 0 1px #fffc inset;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);margin-bottom:32px}.profile-top{display:flex;align-items:flex-start;gap:24px;margin-bottom:24px}.profile-avatar{width:120px;height:120px;border-radius:24px;object-fit:cover;border:4px solid white;box-shadow:0 8px 24px #00000026}.profile-badge{position:absolute;bottom:-8px;right:-8px;padding:6px 14px;border-radius:16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:3px solid white;box-shadow:0 4px 12px #00000026}.profile-info{flex:1;min-width:0}.profile-name{font-size:32px;font-weight:800;color:var(--text);margin-bottom:8px}.entourage-detail-profile-header .profile-name{background:none;-webkit-text-fill-color:var(--text);color:var(--text)}.profile-handle{font-size:16px;color:var(--muted);margin-bottom:16px}.profile-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.profile-tag{padding:6px 14px;border-radius:16px;font-size:12px;font-weight:600;background:#7478951a;color:var(--text);border:1px solid rgba(116,120,149,.18);display:inline-flex;align-items:center}.profile-tag:before{content:"#";font-weight:700;margin-right:2px}.profile-stats{display:flex;gap:32px;flex-wrap:wrap}.profile-stat-value{font-size:24px;font-weight:700;color:var(--text)}.profile-stat-label{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.profile-actions{display:flex;gap:12px;flex-shrink:0}.btn-join-main{padding:14px 32px;background:linear-gradient(135deg,#ef3740,#ff6b7a);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 6px 20px #ef37404d}.btn-join-main:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ef374066}.btn-joined-main{padding:14px 32px;background:#3b82f61a;color:#3b82f6;border:2px solid rgba(59,130,246,.2);border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.btn-joined-main:hover{background:#3b82f626;border-color:#3b82f64d}.btn-joined-main--status{cursor:default;pointer-events:none}.btn-joined-main--status:hover{background:#3b82f61a;border-color:#3b82f633}.profile-actions-joined-group{display:flex;align-items:stretch;flex-shrink:0;border:2px solid rgba(59,130,246,.22);border-radius:16px;background:#3b82f60f;overflow:hidden;box-shadow:0 2px 12px #3b82f614}.profile-actions-joined-group .btn-joined-main--status{border:none;border-radius:0;background:transparent;box-shadow:none}.profile-actions-joined-divider{width:1px;align-self:stretch;background:#3b82f638;flex-shrink:0}.profile-actions-joined-group .btn-leave-entourage{padding:14px 22px;margin:0;background:transparent;border:none;border-radius:0;color:#747895;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease}.profile-actions-joined-group .btn-leave-entourage:hover:not(:disabled){background:#ef374014;color:#ef3740}.profile-actions-joined-group .btn-leave-entourage:disabled{cursor:not-allowed;opacity:.65}.entourage-detail-profile-header .profile-actions{align-items:center}.btn-share{padding:14px;background:#ffffffe6;color:var(--text);border:2px solid rgba(116,120,149,.2);border-radius:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:50px}.content-sections{display:grid;grid-template-columns:1fr 205px;gap:32px;align-items:start}.section-card{background:linear-gradient(135deg,#fffffffa,#fffffff5);border:2px solid rgba(255,255,255,.95);border-radius:24px;padding:32px;box-shadow:0 10px 40px #1b264f14,0 5px 20px #3838380d,0 0 0 1px #fffc inset;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.section-title .material-icons{font-size:28px;color:#1b264f}.about-content{font-size:15px;color:var(--muted);line-height:1.8}.content-item{background:linear-gradient(135deg,#fffffffa,#fffffff5);border:2px solid rgba(255,255,255,.95);border-radius:20px;padding:24px;box-shadow:0 8px 32px #1b264f0f,0 4px 16px #3838380a,0 0 0 1px #fffc inset;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);transition:all .3s ease;overflow-x:hidden}.content-item:hover{transform:translateY(-4px);box-shadow:0 12px 48px #1b264f1a,0 6px 24px #1b264f0f}.content-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.content-author-avatar{width:40px;height:40px;border-radius:12px;object-fit:cover}.content-author-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.content-time{font-size:12px;color:var(--muted)}.content-text{font-size:15px;color:var(--text);line-height:1.7;margin-bottom:16px}.content-item .content-item-media{margin:4px -24px 0;width:calc(100% + 48px)}.content-image{width:100%;border-radius:16px;margin-bottom:16px;object-fit:cover}.content-video{max-height:60vh;object-fit:contain}.content-actions{display:flex;flex-wrap:nowrap;gap:24px;min-width:0;padding-top:16px;border-top:1px solid rgba(116,120,149,.1);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.content-action{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;padding:8px 12px;border-radius:12px;flex-shrink:0;white-space:nowrap}.content-action .material-icons{flex-shrink:0}.info-card{background:linear-gradient(135deg,#fffffffa,#fffffff5);border:2px solid rgba(255,255,255,.95);border-radius:20px;padding:24px;box-shadow:0 8px 32px #1b264f0f,0 4px 16px #3838380a,0 0 0 1px #fffc inset;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.info-card-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:10px}.info-card-title .material-icons{font-size:22px;color:#1b264f}.info-list{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#7478950f;transition:all .2s ease}.info-item:hover{background:#7478951a}.info-item-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#1b264f1f,#1b264f0f);display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-item-icon .material-icons{font-size:20px;color:#1b264f}.info-item-label{font-size:12px;color:var(--muted);margin-bottom:2px}.info-item-value{font-size:14px;font-weight:600;color:var(--text)}@media(max-width:968px){.content-sections{grid-template-columns:1fr}.detail-sidebar{position:relative;top:auto;max-height:none;overflow-y:visible}.profile-top{flex-direction:column;align-items:center;text-align:center}.profile-actions{width:100%;justify-content:center}.btn-join-main{flex:1}.profile-actions-joined-group{flex:1;max-width:100%}.profile-actions-joined-group .btn-joined-main--status{flex:1;justify-content:center}.profile-header{margin-top:-60px;padding:24px}.profile-avatar{width:100px;height:100px}}@media(max-width:768px){.entourages-container{padding:20px 16px}.page-title{font-size:28px}.page-header-section{flex-direction:column;align-items:flex-start}.filter-chips{gap:8px;width:100%}.filter-chip{padding:8px 16px;font-size:13px}.entourages-grid{grid-template-columns:1fr;gap:16px}.entourage-card .card-banner-hit .card-banner,.entourage-card .card-banner{height:140px}.entourage-card .card-header{padding:16px 20px 0}.card-body{padding:0 20px 16px}.card-footer{padding:0 20px 20px}}.notifications-main{padding-top:20px;padding-bottom:40px}.notifications-container{max-width:900px;margin:0 auto;padding:0 20px}.page-header{margin-bottom:32px}.page-subtitle{font-size:15px;color:var(--muted)}.notification-filters{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.filter-tab{padding:10px 20px;background:#ffffffe6;border:2px solid rgba(116,120,149,.2);border-radius:12px;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-tab:hover{border-color:#ef37404d;color:var(--text)}.filter-tab.active{background:linear-gradient(135deg,#ef374014,#ef37400a);border-color:#ef3740;color:#ef3740}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{background:linear-gradient(135deg,#fffffffa,#fffffff5);border:2px solid rgba(255,255,255,.95);border-radius:16px;padding:20px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 4px 16px #1b264f0f,0 2px 8px #3838380a}.notification-item:hover{transform:translateY(-2px);border-color:#ef374033;box-shadow:0 8px 24px #ef37401a,0 4px 12px #1b264f14}.notification-item.unread{background:linear-gradient(135deg,#ef374008,#fffffffa);border-left:4px solid #EF3740}.notification-header-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.notification-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.notification-action-btn:disabled{cursor:not-allowed;opacity:.7}.notification-action-btn--mark-read{background:#fff;border-color:#ef374059;color:#ef3740}.notification-action-btn--mark-read:hover:not(:disabled){background:#ef37400f;border-color:#ef3740}.notification-action-btn--clear-read{background:#fff;border-color:#74789540;color:#74789d}.notification-action-btn--clear-read:hover:not(:disabled){background:#7478950f;border-color:#74789d;color:#5a5d7a}.notification-item-delete-btn{padding:0;width:40px;height:40px;min-width:40px;border:1px solid rgba(116,120,149,.25);border-radius:10px;background:#fffc;color:#74789d;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease,border-color .2s ease}.notification-item-delete-btn .material-icons{font-size:20px}.notification-item-delete-btn:hover:not(:disabled){background:#ef374014;color:#ef3740;border-color:#ef37404d}.notification-item-delete-btn:disabled{cursor:not-allowed;opacity:.6}.notification-avatar{width:56px;height:56px;border-radius:12px;object-fit:cover;border:2px solid rgba(239,55,64,.2);flex-shrink:0}.notification-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#ef37401a,#ef37400d);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon .material-icons{font-size:28px;color:#ef3740}.notification-content{flex:1;min-width:0}.notification-text{font-size:15px;color:var(--text);line-height:1.6;margin-bottom:8px}.notification-text strong{font-weight:700;color:var(--text)}.notification-time{font-size:13px;color:var(--muted)}.notification-action{display:flex;align-items:center;gap:8px;margin-top:12px}.action-btn-small{padding:8px 16px;background:linear-gradient(135deg,#fffffffa,#fffffff5);border:1.5px solid rgba(116,120,149,.2);border-radius:10px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn-small:hover{border-color:#ef3740;background:#ef37400d;color:#ef3740}.action-btn-primary{padding:8px 16px;background:linear-gradient(135deg,#ef3740,#ff6b7a);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ef374033}.action-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef37404d}.notification-preview{width:80px;height:80px;border-radius:12px;object-fit:cover;border:2px solid rgba(116,120,149,.2);flex-shrink:0;cursor:pointer;transition:all .2s ease}.notification-preview:hover{transform:scale(1.05);border-color:#ef3740}.empty-state{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#fffffffa,#fffffff5);border:2px solid rgba(255,255,255,.95);border-radius:20px;box-shadow:0 8px 32px #1b264f0f,0 4px 16px #3838380a}.empty-state-icon{width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,#ef37401a,#ef37400d);border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-state-icon .material-icons{font-size:48px;color:#ef3740;opacity:.6}.empty-state-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px}.empty-state-text{font-size:15px;color:var(--muted);line-height:1.6}@media(max-width:768px){.notifications-container{padding:0 16px}.page-title{font-size:28px}.notification-item{padding:16px;gap:12px}.notification-avatar,.notification-icon{width:48px;height:48px}.notification-icon .material-icons{font-size:24px}.notification-text{font-size:14px}.notification-preview{width:60px;height:60px}}.creators-main{padding-top:20px;background:linear-gradient(135deg,#fff,#f8f9fc,#f0f2f8 60%,#fff);min-height:100vh}.creators-container{max-width:1600px;margin:0 auto;padding:40px 20px}.search-filter-bar{display:flex;gap:16px;margin-bottom:40px;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative}.search-input{width:100%!important;padding:16px 20px 16px 56px!important;background:#ffffffe6!important;border:2px solid rgba(116,120,149,.2)!important;border-radius:16px!important;color:var(--text)!important;font-size:16px!important;font-family:Inter,sans-serif!important;transition:all .3s ease!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.search-input::placeholder{color:var(--muted)}.search-input:focus{outline:none;border-color:#ef3740;background:#fff;box-shadow:0 0 0 4px #ef37401a}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:24px}.category-tabs{display:flex;gap:12px;flex-wrap:wrap}.category-tab{padding:12px 24px;background:#ffffffe6;border:2px solid rgba(116,120,149,.2);border-radius:12px;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.category-tab:hover{background:#fff;border-color:#ef37404d;transform:translateY(-2px)}.category-tab.active{background:linear-gradient(135deg,#ef3740,#ff6b7a);border-color:transparent;color:#fff;box-shadow:0 8px 24px #ef374066}.creator-card{background:linear-gradient(135deg,#fffffffa,#fffffff5);border:2px solid rgba(255,255,255,.95);border-radius:24px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 10px 40px #1b264f14,0 5px 20px #3838380d,0 0 0 1px #fffc inset;display:flex;flex-direction:column}.creator-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef3740,#ff6b7a,#ef3740);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.creator-card:hover{transform:translateY(-8px);border-color:#ef37404d;background:linear-gradient(135deg,#fff,#fffffffa);box-shadow:0 20px 60px #ef374026,0 10px 30px #1b264f1f,0 0 0 1px #ffffffe6 inset}.creator-card:hover:before{transform:scaleX(1)}.card-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}.creator-card .card-header{margin-bottom:0}.creator-avatar-wrapper{position:relative;flex-shrink:0}.creator-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid rgba(239,55,64,.2);box-shadow:0 8px 24px #ef374033;transition:all .3s ease}.creator-card:hover .creator-avatar{border-color:#ef374066;transform:scale(1.05);box-shadow:0 12px 32px #ef37404d}.verified-badge{position:absolute;bottom:0;right:0;width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #FFFFFF;box-shadow:0 4px 12px #3b82f64d}.verified-badge .material-icons{font-size:18px;color:#fff}.creator-info{flex:1;min-width:0;padding-right:80px}.creator-name-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.creator-name{font-size:24px;font-weight:700;color:var(--text);margin:0}.creator-handle{font-size:14px;color:var(--muted);margin-bottom:12px}.creator-bio{font-size:15px;color:var(--muted);line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.creator-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.creator-card .creator-tags{margin-bottom:0}.creator-tag{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;background:#ef374026;color:#ff6b7a;border:1px solid rgba(239,55,64,.3);transition:all .2s ease}.creator-tag:hover{background:#ef374040;border-color:#ef374080}.creator-card .card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid rgba(116,120,149,.15);margin-top:0}.creator-card .card-footer .creator-stats{display:flex;align-items:center;gap:24px;margin-bottom:0;flex:1;min-width:0}.creator-card .card-footer .stat-item{display:flex;flex-direction:row;align-items:baseline;gap:6px}.creator-card .card-footer .stat-value{font-size:18px;font-weight:700;color:var(--text);line-height:1}.creator-card .card-footer .stat-label{font-size:13px;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:500;line-height:1}.creator-card .btn-follow{padding:12px 28px;background:linear-gradient(135deg,#ef3740,#ff6b7a);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #ef37404d}.creator-card .btn-follow:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef374066}.creator-card .btn-following{padding:12px 28px;background:#3b82f626;color:#60a5fa;border:2px solid rgba(59,130,246,.3);border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.creator-card .btn-following:hover{background:#3b82f633;border-color:#3b82f666}.creator-card .btn-follow,.creator-card .btn-following{flex-shrink:0}.btn-follow .material-icons,.btn-following .material-icons{font-size:18px}.featured-badge{position:absolute;top:20px;right:20px;padding:6px 14px;background:linear-gradient(135deg,#ef3740,#ff6b7a);color:#fff;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #ef374066;z-index:10}.rising-badge{position:absolute;top:20px;right:20px;padding:6px 14px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #22c55e66;z-index:10}.creator-card.hidden{display:none}@media(max-width:968px){.creators-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}}@media(max-width:768px){.creators-grid{grid-template-columns:1fr;gap:20px}.search-filter-bar{flex-direction:column}.search-box{width:100%;min-width:auto}.category-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.card-header{flex-direction:column;align-items:center;text-align:center}.creator-info{text-align:center;padding-right:0}.creator-card .card-footer{flex-direction:column;gap:16px;align-items:stretch}.creator-card .card-footer .creator-stats{justify-content:center}.creator-card .btn-follow,.creator-card .btn-following{width:100%;justify-content:center}}.creator-detail-main{padding-top:20px;background:linear-gradient(135deg,#fff,#f8f9fc,#f0f2f8 60%,#fff);min-height:100vh}.detail-container{max-width:1200px;margin:0 auto;padding:0 20px 40px;box-sizing:border-box;width:100%;overflow-x:clip}.banner-image{width:100%;height:100%;object-fit:cover}.detail-container .banner-overlay{position:absolute;bottom:0;left:0;right:0;height:96px;background:linear-gradient(to top,rgba(0,0,0,.28),transparent);pointer-events:none}.back-button .material-icons{color:var(--text);font-size:24px}.detail-container .profile-header{background:#fff;border:2px solid rgba(255,255,255,.95);border-radius:24px;padding:40px;margin-top:-100px;position:relative;z-index:5;backdrop-filter:none;-webkit-backdrop-filter:none;margin-bottom:40px;box-sizing:border-box;max-width:100%;box-shadow:0 20px 60px #1b264f1f,0 10px 30px #38383814,0 0 0 1px #fffc inset}.profile-top{display:flex;align-items:flex-start;gap:32px;margin-bottom:32px;flex-wrap:wrap;min-width:0}.profile-avatar-wrapper{position:relative;flex-shrink:0}.profile-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:5px solid rgba(239,55,64,.2);box-shadow:0 12px 40px #ef374033}.profile-badge{position:absolute;bottom:0;right:0;width:44px;height:44px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid #FFFFFF;box-shadow:0 4px 16px #3b82f64d}.profile-badge .material-icons{font-size:24px;color:#fff}.profile-info{flex:1 1 240px;min-width:0}.profile-name{font-size:42px;font-weight:800;color:var(--text);margin-bottom:12px;background:linear-gradient(135deg,#ef3740,#ff6b7a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;overflow-wrap:anywhere;word-break:break-word}.profile-handle{font-size:18px;color:var(--muted);margin-bottom:20px}.profile-tags{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.profile-tag{padding:8px 18px;border-radius:20px;font-size:13px;font-weight:600;background:#ef374026;color:#ff6b7a;border:1px solid rgba(239,55,64,.3)}.profile-stats{display:flex;gap:40px;flex-wrap:wrap;margin-bottom:24px}.profile-stat{display:flex;flex-direction:column;gap:6px}.profile-actions{display:flex;gap:16px;flex-shrink:0;flex-wrap:wrap;margin-left:auto}.btn-follow-main{padding:16px 40px;background:linear-gradient(135deg,#ef3740,#ff6b7a);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 24px #ef374066;white-space:nowrap;flex-shrink:0;max-width:100%}.btn-follow-main:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ef374080}.btn-following-main{padding:16px 40px;background:#3b82f626;color:#60a5fa;border:2px solid rgba(59,130,246,.3);border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;flex-shrink:0;max-width:100%}.btn-following-main:hover{background:#3b82f633;border-color:#3b82f666}.btn-share{padding:16px;background:#ffffffe6;color:var(--text);border:2px solid rgba(116,120,149,.2);border-radius:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:56px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-share:hover{background:#74789514;border-color:#1b264f40;color:var(--text)}.main-content{display:flex;flex-direction:column;gap:32px}.section-card{background:linear-gradient(135deg,#fffffffa,#fffffff5);border:2px solid rgba(255,255,255,.95);border-radius:24px;padding:40px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 10px 40px #1b264f14,0 5px 20px #3838380d,0 0 0 1px #fffc inset}.section-title .material-icons{font-size:32px;color:#1b264f}.about-content{font-size:16px;color:var(--muted);line-height:1.8}.about-content p{margin-bottom:20px}.about-content p:last-child{margin-bottom:0}.content-feed{display:flex;flex-direction:column;gap:24px}.content-item{background:linear-gradient(135deg,#fffffffa,#fffffff5);border:2px solid rgba(255,255,255,.95);border-radius:20px;padding:28px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);transition:all .3s ease;box-shadow:0 8px 32px #1b264f0f,0 4px 16px #3838380a,0 0 0 1px #fffc inset;overflow-x:hidden}.content-item:hover{transform:translateY(-4px);border-color:#74789538;box-shadow:0 12px 48px #1b264f1a,0 6px 24px #1b264f0f}.content-item .content-item-media{margin:4px -28px 0;width:calc(100% + 56px)}.content-item .content-item-media .carousel{margin-top:0;border-radius:0 0 16px 16px}.content-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.content-author-avatar{width:48px;height:48px;border-radius:12px;object-fit:cover;border:2px solid rgba(239,55,64,.3)}.content-author-info{flex:1}.content-author-name{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.content-time{font-size:13px;color:var(--muted)}.content-entourage-name{display:inline-flex;align-items:center;font-size:14px;font-weight:600;color:#ef3740;text-decoration:none;padding:6px 14px;border-radius:10px;transition:color .2s ease,background .2s ease;margin-left:auto;margin-right:0;background:#ef37401a;border:1px solid rgba(239,55,64,.2)}.content-entourage-name:hover{color:#ef3740;background:#ef374029;border-color:#ef374059}.content-text{font-size:16px;color:var(--text);line-height:1.7;margin-bottom:18px}.content-heading{font-size:20px;font-weight:700;color:var(--text);margin-bottom:12px}.content-image{width:100%;border-radius:16px;margin-bottom:18px;object-fit:cover;box-shadow:0 8px 32px #0000004d}.content-actions{display:flex;flex-wrap:nowrap;gap:32px;min-width:0;padding-top:18px;border-top:1px solid rgba(116,120,149,.15);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.content-action{display:flex;align-items:center;gap:10px;background:transparent;border:none;color:var(--muted);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;padding:10px 16px;border-radius:12px;flex-shrink:0;white-space:nowrap}.content-action:hover{background:#ef37400d;color:#ef3740}.content-action .material-icons{font-size:22px;flex-shrink:0}.content-actions.content-actions--share-only{width:100%}.content-actions.content-actions--share-only .content-action{flex:1;justify-content:center}.detail-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:80px;align-self:start}.info-card{background:linear-gradient(135deg,#fffffffa,#fffffff5);border:2px solid rgba(255,255,255,.95);border-radius:20px;padding:28px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 8px 32px #1b264f0f,0 4px 16px #3838380a,0 0 0 1px #fffc inset}.info-card-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:20px;display:flex;align-items:center;gap:12px}.info-card-title .material-icons{font-size:24px;color:#ef3740}.info-list{display:flex;flex-direction:column;gap:14px}.info-item{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:#ef374008;transition:all .2s ease;cursor:pointer}.info-item:hover{background:#ef374014;transform:translate(4px)}.info-item-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#ef374033,#ef37401a);display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-item-icon .material-icons{font-size:24px;color:#ff6b7a}.info-item-text{flex:1}.info-item-label{font-size:12px;color:var(--muted);margin-bottom:4px}.info-item-value{font-size:15px;font-weight:600;color:var(--text)}.info-card-social{overflow:visible;padding:20px}.info-card-social .info-card-title{margin-bottom:12px}.info-card-social .info-list{gap:0}.info-card-social .info-item{padding:10px 0;border-radius:0;background:transparent;border-bottom:1px solid rgba(116,120,149,.08);gap:12px}.info-card-social .info-item:last-child{border-bottom:none}.info-card-social .info-item:hover{background:#ef37400a}.info-card-social .info-item-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#ef37401f,#ef37400f)}.info-card-social .info-item-icon .material-icons{font-size:18px}.info-card-social .info-item-text{min-width:0}.info-card-social .info-item-value{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:968px){.content-sections{grid-template-columns:1fr}.detail-sidebar{position:relative;top:auto;max-height:none;overflow-y:visible}.profile-top{flex-direction:column;align-items:center;text-align:center}.profile-actions{width:100%;justify-content:center}.btn-follow-main,.btn-following-main{flex:1}.banner-section{height:300px}.profile-header{margin-top:-80px;padding:32px}.profile-avatar{width:120px;height:120px}.profile-name{font-size:32px}}.create-post-main{padding-top:20px;padding-bottom:40px}.create-post-container{max-width:700px;margin:0 auto;padding:0 20px}.create-post-card{background:linear-gradient(135deg,#fffffffa,#fffffff5);border:2px solid rgba(255,255,255,.95);border-radius:24px;padding:32px;box-shadow:0 20px 60px #1b264f1f,0 10px 30px #38383814,0 0 0 1px #fffc inset;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.create-post-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}.create-post-card-header .page-title{margin-bottom:0;flex:1;min-width:0}.create-post-close-btn{flex-shrink:0;position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:12px;border:1.5px solid rgba(116,120,149,.4);background:#7478951a;color:var(--text);cursor:pointer;pointer-events:auto;transition:border-color .2s ease,background .2s ease,transform .15s ease}.create-post-close-btn:hover{border-color:#ef37408c;background:#ef374014}.create-post-close-btn:focus-visible{outline:2px solid rgba(239,55,64,.5);outline-offset:2px}.create-post-close-btn .material-icons{font-size:22px;line-height:1;color:var(--text)}.page-description{font-size:14px;color:var(--muted);margin-bottom:32px;line-height:1.6}.section-label{font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-label .material-icons{font-size:20px;color:#ef3740}.entourages-selection{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;max-height:160px;overflow-y:auto;padding:8px;background:#ffffff80;border:1.5px solid rgba(116,120,149,.15);border-radius:14px}.entourages-selection::-webkit-scrollbar{width:5px}.entourages-selection::-webkit-scrollbar-track{background:transparent}.entourages-selection::-webkit-scrollbar-thumb{background:#ef374033;border-radius:10px}.entourages-selection::-webkit-scrollbar-thumb:hover{background:#ef374066}.entourage-option{background:#fffffff2;border:1.5px solid rgba(116,120,149,.2);border-radius:20px;padding:6px 12px;cursor:pointer;transition:all .2s ease;position:relative;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;box-shadow:0 1px 3px #0000000d}.entourage-option:hover{border-color:#ef374066;background:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #ef374026}.entourage-option.selected{border-color:#ef3740;background:linear-gradient(135deg,#ef374026,#ef374014);color:#ef3740;box-shadow:0 2px 8px #ef374033}.entourage-option-check{display:none;font-size:12px;font-weight:700;margin-right:2px}.entourage-option.selected .entourage-option-check{display:inline}.entourage-option-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(239,55,64,.2);flex-shrink:0}.entourage-option.selected .entourage-option-avatar{border-color:#ef3740}.audience-dropdown-container{position:relative;width:100%;margin-bottom:24px}.audience-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#fffc;border:1.5px solid rgba(116,120,149,.15);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1b264f0a}.audience-trigger:hover{border-color:#ef37404d;background:#fff;box-shadow:0 6px 16px #ef37401a;transform:translateY(-2px)}.audience-trigger--active{border-color:var(--primary);box-shadow:0 0 0 4px #ef37401a;background:#fff}.audience-trigger-content{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:600;font-size:14px}.audience-trigger-content .material-icons{color:var(--primary);font-size:20px}.audience-trigger-icon{color:var(--muted);transition:transform .3s ease}.audience-trigger--active .audience-trigger-icon{transform:rotate(180deg);color:var(--primary)}.audience-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,55,64,.15);border-radius:18px;box-shadow:0 10px 40px #1b264f26;z-index:1000;overflow:hidden;animation:slideInDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.audience-search-box{padding:12px;border-bottom:1px solid rgba(116,120,149,.1);background:#74789505;display:flex;align-items:center;gap:8px}.audience-search-box .material-icons{color:var(--muted);font-size:18px}.audience-search-box input{width:100%;border:none;background:transparent;color:var(--text);font-size:13px;font-weight:500;outline:none}.audience-search-box input::placeholder{color:var(--muted);opacity:.6}.audience-list{max-height:250px;overflow-y:auto;padding:8px}.audience-list::-webkit-scrollbar{width:5px}.audience-list::-webkit-scrollbar-track{background:transparent}.audience-list::-webkit-scrollbar-thumb{background:#ef374033;border-radius:10px}.audience-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;cursor:pointer;transition:all .2s ease;margin-bottom:2px}.audience-item:last-child{margin-bottom:0}.audience-item:hover{background:#ef37400d}.audience-item--selected{background:#ef374014}.audience-item-left{display:flex;align-items:center;gap:12px}.audience-item-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ef3740,#ff6b7a);display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;flex-shrink:0;box-shadow:0 2px 6px #ef374033}.audience-item-name{font-size:13px;font-weight:600;color:var(--text)}.audience-item--selected .audience-item-name{color:var(--primary)}.audience-item-check{color:var(--primary);font-size:18px;opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.4,0,.2,1)}.audience-item--selected .audience-item-check{opacity:1;transform:scale(1)}.audience-no-results{padding:20px;text-align:center;color:var(--muted);font-size:13px;font-style:italic}.upload-section{border:2px dashed rgba(116,120,149,.3);border-radius:16px;padding:50px 40px;text-align:center;background:#ffffff80;transition:all .3s ease;cursor:pointer;margin-bottom:24px;position:relative;overflow:hidden}.upload-section:hover{border-color:#ef3740;background:#ef374005}.upload-section.dragover{border-color:#ef3740;background:#ef37400d}.upload-section.upload-section-pending{pointer-events:none;opacity:.8}.upload-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#ef37401a,#ef37400d);border-radius:16px;display:flex;align-items:center;justify-content:center}.upload-icon .material-icons{font-size:36px;color:#ef3740}.upload-text{font-size:16px;font-weight:600;color:var(--text);margin-bottom:6px}.upload-hint{font-size:13px;color:var(--muted)}.file-input{display:none}.media-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:24px}.media-item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;border:2px solid rgba(116,120,149,.2)}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover}.media-item-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}.media-item-remove:hover{background:#ef3740e6;transform:scale(1.1)}.text-input-area{width:100%;min-height:140px;padding:16px;background:#ffffffe6;border:2px solid rgba(116,120,149,.2);border-radius:12px;font-size:15px;font-family:Inter,sans-serif;color:var(--text);resize:vertical;transition:all .3s ease;margin-bottom:24px}.text-input-area:focus{outline:none;border-color:#ef3740;background:#fff;box-shadow:0 0 0 4px #ef37401a}.text-input-area::placeholder{color:var(--muted)}.ckeditor-wrapper{width:100%;margin-top:8px}.ckeditor-wrapper .ck.ck-editor{width:100%}.ckeditor-wrapper .ck.ck-editor__main>.ck-editor__editable{min-height:140px;background:#ffffffe6;border:2px solid rgba(116,120,149,.2)!important;border-radius:0 0 12px 12px!important;font-size:15px;font-family:Inter,sans-serif;color:var(--text)}.ckeditor-wrapper .ck.ck-editor__main>.ck-editor__editable:focus{border-color:#ef3740!important;box-shadow:0 0 0 4px #ef37401a!important}.ckeditor-wrapper .ck.ck-toolbar{background:#fffffff2!important;border:2px solid rgba(116,120,149,.2)!important;border-bottom:none!important;border-radius:12px 12px 0 0!important;padding:8px!important}.ckeditor-wrapper .ck.ck-button{border-radius:6px!important;color:var(--text)!important}.ckeditor-wrapper .ck.ck-button:hover{background:#ef37401a!important}.ckeditor-wrapper .ck.ck-button.ck-on{background:#ef374026!important;color:#ef3740!important}.ckeditor-wrapper .ck.ck-dropdown__panel{border-radius:8px!important;box-shadow:0 4px 12px #00000026!important}.ckeditor-wrapper .ck.ck-list__item .ck-button:hover{background:#ef37401a!important}.ckeditor-wrapper .ck.ck-editor__editable.ck-focused{border-color:#ef3740!important}.ckeditor-wrapper .ck-placeholder:before{color:var(--muted)!important}.youtube-option{margin-top:16px;padding:16px;background:#ffffffe6;border:2px solid rgba(116,120,149,.2);border-radius:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.youtube-option:hover{border-color:#ff00004d;background:#ff000005}.youtube-icon{width:40px;height:40px;background:linear-gradient(135deg,#ff00001a,#ff00000d);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.youtube-icon .material-icons{font-size:24px;color:red}.youtube-text{flex:1}.youtube-label{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.youtube-hint{font-size:12px;color:var(--muted)}.youtube-input{display:none;margin-top:12px;width:100%;padding:12px 16px;background:#ffffffe6;border:1.5px solid rgba(116,120,149,.15);border-radius:10px;font-size:14px;font-family:Inter,sans-serif;color:var(--text)}.youtube-input:focus{outline:none;border-color:red;background:#fff;box-shadow:0 0 0 4px #ff00001a}.youtube-option.active{border-color:red;background:#ff000005}.youtube-option.active .youtube-input{display:block}.options-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#ffffffe6;border:2px solid rgba(116,120,149,.2);border-radius:12px;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.options-toggle:hover{border-color:#ef37404d}.options-toggle-text{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.options-toggle .material-icons{font-size:20px;color:#ef3740}.options-content{display:none;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.options-content.show{display:grid}.quick-option{background:#ffffffe6;border:2px solid rgba(116,120,149,.2);border-radius:12px;padding:16px;transition:all .2s ease;min-width:0}.quick-option:focus-within{border-color:#ef3740;box-shadow:0 0 0 4px #ef37401a}.quick-option-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--text)}.quick-option-label .material-icons{font-size:18px;color:#ef3740}.quick-option-input{width:100%;max-width:100%;box-sizing:border-box;padding:10px 12px;background:#ffffffe6;border:1.5px solid rgba(116,120,149,.15);border-radius:8px;font-size:14px;font-family:Inter,sans-serif;color:var(--text)}textarea.quick-option-input{min-width:0;overflow-wrap:anywhere;word-break:break-word;resize:vertical;overflow-x:hidden;overflow-y:auto}.quick-option-input:focus{outline:none;border-color:#ef3740}.quick-option-input::placeholder{color:var(--muted)}.field-hint{margin:8px 0 0;font-size:12px;line-height:1.45;color:#747895}.field-hint-count{font-weight:600;color:var(--text)}.field-hint-count.warn{color:#c62828}.publish-section{margin-top:32px;padding-top:24px;border-top:1px solid rgba(116,120,149,.15)}.btn-publish{width:100%;padding:16px 32px;background:linear-gradient(135deg,#ef3740,#ff6b7a);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 16px #ef374040}.btn-publish:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ef374059}.btn-publish:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.create-post-container{padding:0 16px}.create-post-card{padding:24px}.page-title{font-size:24px}.upload-section{padding:40px 20px}.options-content{grid-template-columns:1fr}}.fixed-create-post-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ef3740,#ff6b7a);color:#fff;border:none;box-shadow:0 8px 24px #ef374066;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:999;transition:all .3s ease}.fixed-create-post-btn:hover{transform:scale(1.1);box-shadow:0 12px 32px #ef374080}.fixed-create-post-btn .material-icons{font-size:28px}@media(max-width:768px){.fixed-create-post-btn{bottom:20px;right:20px;width:56px;height:56px}.fixed-create-post-btn .material-icons{font-size:24px}}.caption-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rich-text-toggle{display:flex;background:var(--light, #f0f2f5);padding:4px;border-radius:8px;border:1px solid rgba(116,120,149,.1)}.toggle-btn{padding:6px 16px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:600;color:#383838;cursor:pointer;transition:all .2s ease}.toggle-btn.active{background:#383838;color:#fff;box-shadow:0 2px 8px #0003}