@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--primary: #FF6B4A;--primary-dark: #E55A3A;--primary-light: #FF8A70;--secondary: #2D3142;--accent: #4ECDC4;--accent-light: #7EDDD6;--bg: #FAFAFA;--bg-card: #FFFFFF;--bg-dark: #1A1B23;--text: #2D3142;--text-light: #6B7280;--text-muted: #9CA3AF;--border: #E5E7EB;--gradient-primary: linear-gradient(135deg, #FF6B4A 0%, #FF8E53 100%);--gradient-accent: linear-gradient(135deg, #4ECDC4 0%, #44A08D 100%);--gradient-dark: linear-gradient(135deg, #2D3142 0%, #1A1B23 100%);--nav-height: 70px;--header-height: 60px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 30px rgba(0,0,0,.12);--shadow-xl: 0 20px 50px rgba(0,0,0,.15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{height:100%;display:flex;flex-direction:column;max-width:100%;margin:0 auto}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gradient-primary);gap:24px}.loading-logo{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff}.logo-icon{font-size:48px;animation:float 2s ease-in-out infinite}.logo-text{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.5px}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-callback-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#0a0a0f,#1a1a2e)}.auth-callback-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px 32px;max-width:400px;width:100%;text-align:center}.auth-callback-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 24px;background:#ffffff1a}.auth-callback-icon.success{background:#4ecdc433;color:#4ecdc4}.auth-callback-icon.error{background:#ff6b6b33;color:#ff6b6b}.auth-callback-card h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:12px}.auth-callback-card p{color:#fff9;font-size:15px;line-height:1.6;margin-bottom:24px}.auth-callback-form{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.auth-callback-form .input-group.floating input{width:100%;padding:18px 16px 8px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-family:inherit;font-size:16px;color:#fff;background:#ffffff08;transition:all .3s ease}.auth-callback-form .input-group.floating input:focus{outline:none;border-color:#4ecdc4;background:#4ecdc40d}.auth-callback-form .input-group.floating label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;color:#fff6;pointer-events:none;transition:all .3s ease}.auth-callback-form .input-group.floating input:focus+label,.auth-callback-form .input-group.floating input:not(:placeholder-shown)+label{top:12px;font-size:11px;color:#4ecdc4}.auth-callback-btn{width:100%;padding:16px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.auth-callback-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4ecdc44d}.auth-callback-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-callback-link{background:none;border:none;color:#ffffff80;font-size:14px;cursor:pointer;padding:8px;margin-top:8px;transition:color .2s ease}.auth-callback-link:hover{color:#fffc}.auto-close-timer{margin-top:24px;padding:12px 20px;background:#ffffff0d;border-radius:8px;color:#ffffff80;font-size:13px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:#0a0a0f}.auth-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.auth-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);transition:transform .3s ease-out;will-change:transform}.auth-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(255,107,74,.4) 0%,transparent 70%);top:-200px;right:-200px}.auth-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(78,205,196,.3) 0%,transparent 70%);bottom:-150px;left:-150px}.auth-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(255,142,83,.25) 0%,transparent 70%);top:40%;left:30%}.auth-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.auth-noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.auth-container{width:100%;max-width:420px;z-index:1}.auth-header{text-align:center;margin-bottom:32px}.auth-logo-wrapper{position:relative;display:inline-block;margin-bottom:16px}.auth-logo{font-size:56px;display:block;position:relative;z-index:1;animation:floatLogo 4s ease-in-out infinite}.auth-logo-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border:2px solid rgba(255,107,74,.3);border-radius:50%;animation:ringPulse 3s ease-in-out infinite;pointer-events:none}@keyframes floatLogo{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(5deg)}75%{transform:translateY(-4px) rotate(-3deg)}}@keyframes ringPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.1}}.auth-header h1{font-family:Space Grotesk,sans-serif;font-size:42px;font-weight:700;color:#fff;letter-spacing:-1px;margin-bottom:4px}.auth-header p{color:#ffffff80;font-size:16px}.auth-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:32px 28px;position:relative;overflow:hidden}.auth-card-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:cardShine 4s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes cardShine{0%{left:-100%}50%,to{left:100%}}.auth-tabs{display:flex;gap:0;margin-bottom:28px;background:#ffffff0d;padding:4px;border-radius:var(--radius-full);position:relative}.auth-tab{flex:1;padding:12px;border:none;background:transparent;font-family:inherit;font-size:15px;font-weight:500;color:#ffffff80;border-radius:var(--radius-full);cursor:pointer;transition:color .3s ease;position:relative;z-index:1}.auth-tab.active{color:#fff}.auth-tab-indicator{position:absolute;top:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:#ff6b4a33;border:1px solid rgba(255,107,74,.3);border-radius:var(--radius-full);transition:left .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.auth-form{display:flex;flex-direction:column;gap:20px}.input-group.floating{position:relative}.input-group.floating input{width:100%;padding:18px 16px 8px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-family:inherit;font-size:16px;color:#fff;background:#ffffff08;transition:all .3s ease}.input-group.floating input:focus{outline:none;border-color:var(--primary);background:#ff6b4a0d}.input-group.floating label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;color:#fff6;pointer-events:none;transition:all .3s ease}.input-group.floating input:focus+label,.input-group.floating input:not(:placeholder-shown)+label{top:12px;font-size:11px;color:var(--primary)}.input-highlight{position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary);transition:all .3s ease;transform:translate(-50%);pointer-events:none}.input-group.floating input:focus~.input-highlight{width:100%}.auth-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#fca5a5;padding:12px 16px;border-radius:var(--radius-md);font-size:14px}.auth-message{background:#0596691a;border:1px solid rgba(5,150,105,.3);color:#6ee7b7;padding:12px 16px;border-radius:var(--radius-md);font-size:14px}.auth-submit{position:relative;padding:16px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff6b4a4d}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-text{position:relative;z-index:1}.btn-shine{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;pointer-events:none}.auth-submit:hover .btn-shine{left:100%}.forgot-password-link{display:block;width:100%;margin-top:16px;padding:8px;background:none;border:none;font-family:inherit;font-size:14px;color:var(--primary);cursor:pointer;text-align:center;transition:all .2s ease}.forgot-password-link:hover{color:var(--primary-light);text-decoration:underline}.auth-links{display:flex;flex-direction:column;gap:4px;margin-top:8px}.auth-links .forgot-password-link{margin-top:0}.auth-links .forgot-password-link:last-child{font-size:12px;color:#ffffff80}.auth-links .forgot-password-link:last-child:hover{color:var(--primary)}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-divider span{font-size:13px;color:#ffffff4d}.auth-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-family:inherit;font-size:15px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.auth-google:hover{background:#ffffff1a;border-color:#fff3}.auth-footer{margin-top:32px}.floating-icons{display:flex;justify-content:center;gap:24px}.float-icon{font-size:24px;opacity:.4;animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:13px;font-weight:500;color:var(--text-light);padding-left:4px}.input-group input,.input-group textarea,.input-group select{padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:16px;color:var(--text);background:var(--bg);transition:all .2s ease}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--primary);background:var(--bg-card)}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--text-muted)}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.name-row{grid-template-columns:1fr}@media (min-width: 600px){.name-row{grid-template-columns:1fr 1fr}}.email-display{color:var(--text-muted);font-size:14px;word-break:break-all}.main-content{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-height) + 20px);-webkit-overflow-scrolling:touch}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:#fff;display:flex;justify-content:space-around;align-items:center;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -4px 30px #0000001a;z-index:1000;border-top:1px solid rgba(0,0,0,.05)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:none;border:none;font-family:inherit;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-lg)}.nav-icon{font-size:24px;transition:transform .2s ease}.nav-label{font-size:11px;font-weight:500;color:var(--text-muted);transition:color .2s ease}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-item.active .nav-label{color:var(--primary);font-weight:600}.nav-item:active{transform:scale(.95)}.page{min-height:100%;padding:0 16px 24px}.page-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:20px 0;background:var(--bg);z-index:10}.page-header h1{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;color:var(--secondary)}.header-icon{font-size:28px}.tabs{display:flex;gap:8px;margin-bottom:20px;background:var(--bg);padding:4px;border-radius:var(--radius-full);border:1px solid var(--border)}.tab{flex:1;padding:12px 20px;background:transparent;border:none;border-radius:var(--radius-full);font-family:inherit;font-size:14px;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s ease}.tab.active{background:var(--primary);color:#fff}.home-page .page-header{padding-bottom:12px}.upcoming-trips{margin-bottom:28px}.upcoming-trips h2,.posts-section h2{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--secondary)}.trips-scroll{display:flex;gap:14px;overflow-x:auto;margin:0 -16px;padding:0 16px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.trips-scroll::-webkit-scrollbar{display:none}.empty-trips{width:100%;padding:40px 20px;text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);color:var(--text-muted)}.empty-trips span{font-size:40px;display:block;margin-bottom:8px}.trip-card-mini{flex-shrink:0;width:160px;height:200px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.trip-card-image{width:100%;height:100%;background-size:cover;background-position:center;position:relative}.trip-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 12px;background:linear-gradient(transparent,#000000b3);color:#fff}.trip-card-overlay h3{font-size:15px;font-weight:600;margin-bottom:2px}.trip-card-overlay p{font-size:12px;opacity:.9}.post-form{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.post-form textarea{width:100%;border:none;background:var(--bg);border-radius:var(--radius-md);padding:14px;font-family:inherit;font-size:15px;resize:none;margin-bottom:12px}.post-form textarea:focus{outline:none}.image-preview{position:relative;margin-bottom:12px;border-radius:var(--radius-md);overflow:hidden}.image-preview img{width:100%;max-height:300px;object-fit:cover;display:block}.image-preview .remove-image{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#0009;color:#fff;border:none;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.image-preview .remove-image:hover{background:#dc2626cc}.post-form-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.image-buttons{display:flex;gap:8px}.image-btn{padding:8px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);font-family:inherit;font-size:13px;color:var(--text-light);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.image-btn:hover{background:var(--bg-card);border-color:var(--primary);color:var(--primary)}.post-form-actions>button{padding:10px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.post-form-actions>button:disabled{opacity:.5;cursor:not-allowed}.posts-feed{display:flex;flex-direction:column;gap:16px}.empty-posts{text-align:center;padding:40px 20px;color:var(--text-muted)}.post-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.post-avatar{width:44px;height:44px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}.post-meta{display:flex;flex-direction:column;flex:1}.post-author{font-weight:600;font-size:15px;color:var(--text)}.post-time{font-size:12px;color:var(--text-muted)}.post-delete{background:none;border:none;font-size:18px;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s ease;opacity:.5}.post-delete:hover{background:#dc26261a;opacity:1}.post-content{font-size:15px;line-height:1.6;color:var(--text);margin-bottom:14px}.post-image{margin:-4px -16px 14px;overflow:hidden}.post-image img{width:100%;max-height:400px;object-fit:cover;display:block}.post-actions{display:flex;gap:16px;padding-top:12px;border-top:1px solid var(--border)}.post-actions button{display:flex;align-items:center;gap:6px;background:none;border:none;font-family:inherit;font-size:14px;color:var(--text-light);cursor:pointer;padding:6px 12px;border-radius:var(--radius-full);transition:all .2s ease}.post-actions button:hover{background:var(--bg)}.create-btn{width:40px;height:40px;background:var(--gradient-primary);color:#fff;border:none;border-radius:50%;font-size:24px;font-weight:400;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease}.create-btn:hover{transform:scale(1.05)}.search-bar{position:relative;margin-bottom:20px}.search-bar input{width:100%;padding:14px 16px 14px 44px;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-full);font-family:inherit;font-size:15px;color:var(--text)}.search-bar input:focus{outline:none;border-color:var(--primary)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px}.filter-section{margin-bottom:20px;display:flex;gap:12px;align-items:center}.filter-section .country-selector{flex:1}.clear-filter-btn{padding:10px 16px;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--text-secondary);font-size:14px;cursor:pointer;white-space:nowrap}.clear-filter-btn:hover{background:var(--bg-card);color:var(--text)}.trips-grid{display:grid;gap:16px}.trip-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.trips-page-new{background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:0;display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:var(--nav-height);overflow:hidden}.trips-header-new{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.trips-header-left h1{font-size:28px;font-weight:800;color:#0f172a;margin:0}.trips-subtitle{font-size:14px;color:#64748b;margin-top:2px;display:block}.create-trip-btn{width:48px;height:48px;border-radius:14px;border:none;background:linear-gradient(135deg,#4ecdc4,#3bb8b0);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 15px #4ecdc459}.create-trip-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #4ecdc473}.trips-tabs-new{display:flex;gap:8px;padding:16px 20px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.trips-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.trips-tab .tab-icon{font-size:18px}.trips-tab:hover{border-color:#cbd5e1;background:#f8fafc}.trips-tab.active{border-color:#4ecdc4;background:#4ecdc41a;color:#0d9488}.trips-filter-section{padding:12px 20px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.filter-toggle-new{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.filter-toggle-new:hover{border-color:#cbd5e1}.filter-toggle-new.active{border-color:#4ecdc4;background:#4ecdc414;color:#0d9488}.filter-toggle-new svg{width:18px;height:18px}.filter-badge{background:#4ecdc4;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:4px}.filter-dropdown-new{margin-top:12px;padding:16px;background:#f8fafc;border-radius:12px}.filter-dropdown-new label{display:block;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.clear-filter-new{margin-top:12px;padding:8px 16px;background:transparent;border:none;color:#ef4444;font-size:13px;font-weight:500;cursor:pointer}.clear-filter-new:hover{text-decoration:underline}.date-input-container{position:relative;width:100%}.date-input-wrapper{position:relative;display:flex;align-items:center}.date-input-field{width:100%;padding:14px 44px 14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-family:inherit;color:#0f172a;background:#fff;transition:all .2s ease;cursor:pointer}.date-input-field:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a}.date-input-field::placeholder{color:#94a3b8}.date-input-icon{position:absolute;right:14px;color:#94a3b8;pointer-events:none;display:flex;align-items:center}.date-picker-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 40px #00000026;z-index:1000;padding:16px;animation:dropdownFade .2s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.date-picker-title{font-size:15px;font-weight:600;color:#0f172a}.date-picker-nav{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease}.date-picker-nav:hover{background:#e2e8f0;color:#0f172a}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.date-picker-weekdays .weekday{text-align:center;font-size:12px;font-weight:600;color:#94a3b8;padding:8px 0}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#0f172a;border-radius:8px;cursor:pointer;transition:all .15s ease}.calendar-day:hover:not(.disabled):not(.empty){background:#f1f5f9}.calendar-day.empty{cursor:default}.calendar-day.disabled{color:#cbd5e1;cursor:not-allowed}.calendar-day.today{background:#f1f5f9;font-weight:600}.calendar-day.selected{background:linear-gradient(135deg,#4ecdc4,#3bb8b0);color:#fff;font-weight:600}.calendar-day.selected:hover{background:linear-gradient(135deg,#3bb8b0,#2fa89e)}.trips-content{flex:1;overflow-y:auto;padding:20px}.trips-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b;gap:16px}.trips-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px}.trips-empty .empty-icon{color:#cbd5e1;margin-bottom:20px}.trips-empty h3{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 8px}.trips-empty p{font-size:15px;color:#64748b;margin:0 0 24px;max-width:280px}.empty-action-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#4ecdc4,#3bb8b0);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4ecdc459}.empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc473}.trips-grid-new{display:flex;flex-direction:column;gap:16px}.trip-card-new{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000f;transition:all .2s ease}.trip-card-new:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.trip-card-image{height:180px;background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.trip-card-date{align-self:flex-start;background:#fff;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;color:#0f172a;box-shadow:0 2px 10px #0000001a}.trip-card-title-overlay{display:flex;flex-direction:column;gap:6px}.trip-card-title{color:#fff;font-size:20px;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trip-card-location{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:14px;font-weight:500}.trip-flag-small{width:20px;height:15px;border-radius:3px;object-fit:cover;box-shadow:0 1px 4px #0003}.trip-card-destination{display:flex;align-items:center;gap:10px;color:#fff;font-size:22px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3)}.trip-flag{width:32px;height:24px;border-radius:4px;object-fit:cover;box-shadow:0 2px 8px #0003}.trip-card-body{padding:20px}.trip-card-meta{display:flex;gap:16px;margin-bottom:12px}.trip-duration,.trip-travelers{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#64748b}.trip-duration svg,.trip-travelers svg{width:16px;height:16px;color:#94a3b8}.trip-card-description{font-size:14px;color:#475569;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trip-join-btn{width:100%;padding:14px;background:linear-gradient(135deg,#4ecdc4,#3bb8b0);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4ecdc44d}.trip-join-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.trip-modal-new{background:#fff;border-radius:24px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0003;animation:modalPop .3s cubic-bezier(.16,1,.3,1);z-index:1001}.trip-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.trip-modal-header h2{font-size:20px;font-weight:700;color:#0f172a;margin:0}.modal-close-btn{width:40px;height:40px;border-radius:12px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background:#fee2e2;color:#ef4444}.trip-modal-form{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.trip-photo-upload{margin-bottom:4px}.trip-photo-preview{width:100%;height:160px;border-radius:16px;background:#f1f5f9;background-size:cover;background-position:center;cursor:pointer;position:relative;overflow:hidden;border:2px dashed #e2e8f0;transition:all .2s ease}.trip-photo-preview.has-image{border:none}.trip-photo-preview:hover{border-color:#4ecdc4}.trip-photo-preview.has-image:hover .trip-photo-overlay{opacity:1}.trip-photo-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#94a3b8}.trip-photo-placeholder svg{width:32px;height:32px}.trip-photo-placeholder span{font-size:14px;font-weight:500}.trip-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;opacity:0;transition:opacity .2s ease}.trip-photo-preview:not(.has-image):hover .trip-photo-overlay{opacity:0}.trip-photo-overlay svg{width:28px;height:28px}.trip-photo-overlay span{font-size:13px;font-weight:500}.trip-form-field{display:flex;flex-direction:column;gap:8px}.trip-form-field label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:#64748b}.trip-form-field label svg{width:16px;height:16px;margin-right:6px;color:#4ecdc4}.trip-form-field label span:first-of-type{display:flex;align-items:center}.trip-form-field label .char-count{font-weight:500;color:#94a3b8}.trip-form-field input[type=date],.trip-form-field textarea{padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-family:inherit;color:#0f172a;background:#fff;transition:all .2s ease}.trip-form-field input:focus,.trip-form-field textarea:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a}.trip-form-field textarea{resize:none;line-height:1.5}.trip-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.group-size-selector{display:flex;gap:8px;flex-wrap:wrap}.size-btn{width:44px;height:44px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.size-btn:hover{border-color:#cbd5e1;background:#f8fafc}.size-btn.active{border-color:#4ecdc4;background:#4ecdc41a;color:#0d9488}.trip-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;background:linear-gradient(135deg,#4ecdc4,#3bb8b0);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4ecdc459;margin-top:8px}.trip-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc473}.trip-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.trip-card-badges{display:flex;justify-content:space-between;align-items:flex-start}.trip-starter-tag{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #8b5cf64d}.trip-card-new.is-starter,.trip-card-new.clickable{cursor:pointer}.trip-manage-btn{width:100%;padding:14px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:12px;color:#475569;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.trip-manage-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.trip-joined-btn{width:100%;padding:14px;background:#4ecdc41a;border:2px solid #4ECDC4;border-radius:12px;color:#0d9488;font-size:15px;font-weight:600;cursor:default;display:flex;align-items:center;justify-content:center;gap:8px}.trip-joined-btn svg{color:#4ecdc4}.trip-chat-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:linear-gradient(135deg,#4ecdc4,#3bb8b0);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4ecdc44d;margin-bottom:20px}.trip-chat-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4ecdc466}.trip-detail-modal{background:#fff;border-radius:24px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000040;z-index:1001}.trip-detail-header{height:200px;background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:16px;flex-shrink:0}.trip-detail-back{width:40px;height:40px;border-radius:12px;border:none;background:#ffffffe6;color:#0f172a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;align-self:flex-start}.trip-detail-back:hover{background:#fff;transform:scale(1.05)}.trip-starter-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #8b5cf64d}.trip-detail-title{display:flex;align-items:center;gap:12px;color:#fff}.trip-detail-title{display:flex;flex-direction:column;gap:8px;color:#fff}.trip-detail-title h2{font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trip-detail-location{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:15px;font-weight:500}.trip-flag-large{width:40px;height:30px;border-radius:6px;object-fit:cover;box-shadow:0 2px 8px #0003}.trip-detail-content{flex:1;overflow-y:auto;padding:24px}.trip-detail-info{margin-bottom:24px}.trip-info-row{display:flex;gap:16px;margin-bottom:20px}.trip-info-item{flex:1;display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f8fafc;border-radius:14px}.trip-info-item svg{color:#4ecdc4;flex-shrink:0;margin-top:2px}.trip-info-item .info-label{display:block;font-size:12px;font-weight:500;color:#64748b;margin-bottom:4px}.trip-info-item .info-value{display:block;font-size:15px;font-weight:600;color:#0f172a}.trip-detail-description{padding:16px;background:#f8fafc;border-radius:14px}.trip-detail-description h4{font-size:14px;font-weight:600;color:#64748b;margin:0 0 8px}.trip-detail-description p{font-size:15px;color:#0f172a;line-height:1.6;margin:0}.trip-members-section{margin-bottom:24px}.trip-members-section h4{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 16px}.trip-member-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;margin-bottom:8px;transition:background .2s ease}.trip-member-item:hover{background:#f8fafc}.trip-member-item.starter{background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d);border:1px solid rgba(139,92,246,.2)}.member-avatar{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;flex-shrink:0}.member-info{flex:1;min-width:0}.member-name{display:block;font-size:15px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:#8b5cf6}.starter-icon{font-size:14px}.member-joined{display:block;font-size:13px;color:#64748b}.remove-member-btn{width:36px;height:36px;border-radius:10px;border:none;background:#fee2e2;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.remove-member-btn:hover{background:#fecaca;transform:scale(1.05)}.members-loading,.no-members{padding:20px;text-align:center;color:#64748b;font-size:14px}.trip-detail-actions{display:flex;gap:12px}.trip-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.trip-action-btn.edit{background:#f1f5f9;border:2px solid #e2e8f0;color:#475569}.trip-action-btn.edit:hover{background:#e2e8f0;border-color:#cbd5e1}.trip-action-btn.delete{background:#fef2f2;border:2px solid #fecaca;color:#ef4444}.trip-action-btn.delete:hover{background:#fee2e2;border-color:#fca5a5}.trip-action-btn.leave{background:#fef2f2;border:2px solid #fecaca;color:#ef4444;width:100%}.trip-action-btn.leave:hover{background:#fee2e2;border-color:#fca5a5}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.confirm-modal-new{background:#fff;border-radius:24px;padding:32px;max-width:340px;width:100%;text-align:center;box-shadow:0 20px 60px #0003;animation:modalPop .3s cubic-bezier(.16,1,.3,1)}.confirm-icon{font-size:48px;margin-bottom:16px}.confirm-modal-new h3{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 8px}.confirm-modal-new p{font-size:15px;color:#64748b;margin:0 0 24px;line-height:1.5}.confirm-actions{display:flex;gap:12px}.confirm-btn{flex:1;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-btn.cancel{background:#f1f5f9;border:none;color:#64748b}.confirm-btn.cancel:hover{background:#e2e8f0;color:#475569}.confirm-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;box-shadow:0 4px 12px #ef44444d}.confirm-btn.delete:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.clickable-avatar{transition:transform .2s ease,box-shadow .2s ease}.clickable-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.profile-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.profile-preview-modal{background:#fff;border-radius:24px;width:100%;max-width:340px;padding:24px;position:relative;text-align:center;box-shadow:0 20px 60px #00000040;animation:modalPop .3s cubic-bezier(.16,1,.3,1)}.profile-preview-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.profile-preview-close:hover{background:#fee2e2;color:#ef4444}.profile-preview-avatar{width:100px;height:100px;margin:0 auto 16px;border-radius:50%;overflow:hidden;box-shadow:0 4px 20px #0000001a}.profile-preview-avatar img{width:100%;height:100%;object-fit:cover}.profile-preview-header h2{font-size:24px;font-weight:700;color:#0f172a;margin:0}.profile-preview-age{font-weight:400;color:#64748b}.profile-preview-location{display:flex;flex-direction:column;gap:8px;margin:16px 0}.profile-preview-location .location-item{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#64748b}.profile-preview-location .location-item svg{color:#94a3b8}.profile-preview-location .location-item.destination svg{color:#4ecdc4}.profile-preview-location .mini-flag{width:20px;height:15px;border-radius:2px;object-fit:cover}.profile-preview-bio{background:#f8fafc;border-radius:12px;padding:16px;margin:16px 0}.profile-preview-bio p{font-size:14px;color:#475569;font-style:italic;line-height:1.5;margin:0}.profile-preview-interests{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0}.profile-preview-interests .interest-tag{background:#4ecdc41a;color:#0d9488;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.profile-preview-message-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,#4ecdc4,#3bb8b0);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4ecdc44d;margin-top:8px}.profile-preview-message-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4ecdc466}.chat-header-info{display:flex;align-items:center;gap:12px;flex:1}.chat-header-icon.group{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4ecdc4,#3bb8b0);display:flex;align-items:center;justify-content:center;font-size:20px}.chat-title{display:flex;flex-direction:column}.chat-title h2{font-size:17px;font-weight:600;color:#0f172a;margin:0}.chat-subtitle{font-size:13px;color:#64748b}.message.group-message{display:flex;align-items:flex-start;gap:8px}.message.group-message.sent{flex-direction:row-reverse}.message-avatar{flex-shrink:0;margin-top:18px}.message-content{display:flex;flex-direction:column;max-width:75%}.message.sent .message-content{align-items:flex-end}.message-sender-name{font-size:12px;font-weight:600;color:#4ecdc4;margin-bottom:4px;margin-left:12px;cursor:pointer}.message-sender-name:hover{text-decoration:underline}.chat-avatar.group-avatar{background:linear-gradient(135deg,#4ecdc4,#3bb8b0);display:flex;align-items:center;justify-content:center}.chat-avatar .group-flag{width:28px;height:21px;border-radius:3px;object-fit:cover}.chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.chat-member-count{font-size:11px;color:#94a3b8}.chat-preview p strong{color:#4ecdc4}.trip-image{height:160px;background-size:cover;background-position:center;position:relative}.trip-date{position:absolute;top:12px;right:12px;background:#fff;padding:6px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--primary)}.trip-info{padding:16px}.trip-info h3{font-size:18px;font-weight:600;margin-bottom:4px}.trip-duration{font-size:13px;color:var(--primary);font-weight:500;margin-bottom:8px}.trip-description{font-size:14px;color:var(--text-light);margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trip-footer{display:flex;justify-content:space-between;align-items:center}.trip-members{font-size:13px;color:var(--text-muted)}.join-btn{padding:8px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-full);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.join-btn:hover{transform:scale(1.02)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal{width:100%;max-width:500px;max-height:90vh;background:var(--bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:20px;font-weight:600}.close-btn{width:36px;height:36px;background:var(--bg);border:none;border-radius:50%;font-size:24px;color:var(--text-light);cursor:pointer;display:flex;align-items:center;justify-content:center}.create-trip-form{padding:24px;display:flex;flex-direction:column;gap:20px;max-height:calc(90vh - 80px);overflow-y:auto}.submit-btn{padding:16px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover{transform:translateY(-1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.filter-btn{width:40px;height:40px;background:var(--bg-card);border:2px solid var(--border);border-radius:50%;font-size:18px;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--primary)}.filters-panel{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-md)}.filter-group{margin-bottom:20px}.filter-group:last-child{margin-bottom:0}.filter-group label{display:block;font-size:13px;font-weight:600;color:var(--text-light);margin-bottom:8px}.filter-group select,.filter-group input[type=text]{width:100%;padding:12px 16px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:15px;color:var(--text)}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--primary)}.age-range{display:flex;align-items:center;gap:12px}.age-range input{width:80px;padding:12px;text-align:center;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:15px}.age-range span{color:var(--text-muted)}.interests-grid{display:flex;flex-wrap:wrap;gap:8px}.interest-tag{padding:8px 16px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-full);font-family:inherit;font-size:13px;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s ease}.interest-tag.active{background:var(--primary);border-color:var(--primary);color:#fff}.interest-tag:disabled{cursor:default}.match-page{background:linear-gradient(180deg,#f8f9fa,#e9ecef);position:fixed;top:0;left:0;right:0;bottom:var(--nav-height);display:flex;flex-direction:column;overflow:hidden;padding:0}.match-header-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;background:#fff;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0;z-index:10}.match-header-left h1{font-size:28px;font-weight:800;color:#1a1a2e;margin:0}.match-header-subtitle{font-size:13px;color:#888;margin-top:2px;display:block}.match-header-right{display:flex;align-items:center;gap:12px}.pending-likes-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;padding:8px 14px;border-radius:20px;font-size:14px;font-weight:700;box-shadow:0 4px 15px #ff6b6b66;animation:glow 2s ease infinite}.pending-heart{font-size:16px}@keyframes glow{0%,to{box-shadow:0 4px 15px #ff6b6b66}50%{box-shadow:0 4px 25px #ff6b6b99}}.filter-toggle-btn{width:44px;height:44px;border-radius:12px;border:none;background:#f5f5f5;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#666;position:relative}.filter-toggle-btn:hover,.filter-toggle-btn.active{background:#4ecdc4;color:#fff}.filter-toggle-btn.has-filters:after{content:"";position:absolute;top:6px;right:6px;width:10px;height:10px;background:#ff6b6b;border-radius:50%;border:2px solid white}.filter-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}.filter-modal{background:#fff;border-radius:20px;width:100%;max-width:420px;height:85vh;max-height:700px;display:flex;flex-direction:column;box-shadow:0 0 0 1px #0000000d,0 20px 50px -12px #00000040,0 0 15px #4ecdc41a;animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.filter-modal-header h3{font-size:20px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.025em}.filter-modal-close{width:40px;height:40px;border-radius:12px;border:none;background:#f8fafc;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.filter-modal-close:hover{background:#f1f5f9;color:#334155;transform:scale(1.05)}.filter-modal-body{padding:20px 24px;overflow-y:auto;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:20px}.filter-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #f1f5f9;background:#fff;border-radius:0 0 20px 20px;flex-shrink:0;box-shadow:0 -4px 12px #0000000d}.filters-panel-modern,.filters-header,.filters-close{display:none}.filter-section{display:flex;flex-direction:column;gap:10px;width:100%}.filter-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.selected-count{font-size:11px;font-weight:500;color:#4ecdc4;text-transform:none;letter-spacing:0}.age-range-display{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.age-value{font-size:32px;font-weight:700;color:#0f172a;min-width:50px;text-align:center}.age-range-separator{font-size:16px;color:#94a3b8;font-weight:500}.dual-range-slider{position:relative;width:100%;height:8px;background:#e2e8f0;border-radius:4px}.dual-range-slider .slider-track{display:none}.dual-range-slider .slider-fill{position:absolute;height:100%;background:linear-gradient(90deg,#4ecdc4,#3bb8b0);border-radius:4px;top:0;pointer-events:none}.dual-range-slider .range-input{position:absolute;width:100%;height:8px;top:0;margin:0;padding:0;background:transparent;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:2}.dual-range-slider .range-input::-webkit-slider-runnable-track{width:100%;height:8px;background:transparent;border:none}.dual-range-slider .range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid #4ECDC4;cursor:pointer;pointer-events:all;box-shadow:0 2px 10px #4ecdc466;margin-top:-10px;position:relative;z-index:3}.dual-range-slider .range-input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 15px #4ecdc480}.dual-range-slider .range-input::-webkit-slider-thumb:active{transform:scale(1.15);background:#4ecdc4;border-color:#3bb8b0}.dual-range-slider .range-input::-moz-range-track{width:100%;height:8px;background:transparent;border:none}.dual-range-slider .range-input::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid #4ECDC4;cursor:pointer;pointer-events:all;box-shadow:0 2px 10px #4ecdc466}.dual-range-slider .range-input::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 15px #4ecdc480}.slider-labels{display:none}.gender-toggle-group{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.gender-toggle{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;border-radius:16px;border:2px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s ease}.gender-icon-wrapper{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;transition:all .2s ease}.gender-icon-wrapper svg{width:32px;height:32px}.toggle-label{font-size:14px;font-weight:600;color:#64748b;transition:color .2s ease}.gender-toggle:hover{border-color:#cbd5e1;background:#f8fafc}.gender-toggle:hover .gender-icon-wrapper{background:#e2e8f0}.gender-toggle.active{border-color:#4ecdc4;background:#4ecdc414}.gender-toggle.active .gender-icon-wrapper{background:#4ecdc426;color:#4ecdc4}.gender-toggle.active .toggle-label{color:#4ecdc4}.gender-toggle.active.female{border-color:#ec4899;background:#ec489914}.gender-toggle.active.female .gender-icon-wrapper{background:#ec489926;color:#ec4899}.gender-toggle.active.female .toggle-label{color:#ec4899}.gender-toggle.active.male{border-color:#3b82f6;background:#3b82f614}.gender-toggle.active.male .gender-icon-wrapper{background:#3b82f626;color:#3b82f6}.gender-toggle.active.male .toggle-label{color:#3b82f6}.interests-filter-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.interest-filter-btn{padding:10px 16px;border-radius:100px;border:2px solid #e2e8f0;background:#fff;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap}.interest-filter-btn:hover{border-color:#cbd5e1;background:#f8fafc;color:#475569}.interest-filter-btn.active{border-color:#4ecdc4;background:#4ecdc41f;color:#0d9488}.destination-selector-wrapper{position:relative;width:100%}.destination-selector-wrapper .country-selector{width:100%}.destination-selector-wrapper .country-selector-input{width:100%;padding:14px 44px 14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;color:#0f172a;background:#fff;transition:all .2s ease}.destination-selector-wrapper .country-selector-input:focus{border-color:#4ecdc4;outline:none;box-shadow:0 0 0 3px #4ecdc41a}.clear-destination-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:none;background:#f1f5f9;color:#94a3b8;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.clear-destination-btn:hover{background:#fee2e2;color:#ef4444}.reset-filters-btn{flex:0 0 auto;padding:14px 20px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.reset-filters-btn:hover{border-color:#fca5a5;background:#fef2f2;color:#ef4444}.apply-filters-btn{flex:1;padding:14px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#4ecdc4,#3bb8b0);font-size:15px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #4ecdc459}.apply-filters-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc473}.apply-filters-btn:active{transform:translateY(0)}@media (max-width: 480px){.filter-modal{max-height:calc(100vh - 24px);border-radius:16px}.filter-modal-header{padding:16px 20px}.filter-modal-body{padding:20px;gap:24px}.gender-toggle-group{gap:10px}.gender-toggle{padding:16px 8px}.gender-icon-wrapper{width:40px;height:40px}.gender-icon-wrapper svg{width:22px;height:22px}.age-value{font-size:24px}.filter-modal-footer{padding:16px 20px}}.swipe-container{display:flex;flex-direction:column;align-items:center;padding:16px;flex:1;justify-content:center;overflow:hidden;min-height:0}.loading-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px}.loading-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#4ecdc4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{font-size:16px;color:#888}.empty-state{text-align:center;padding:60px 40px;background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000014;max-width:320px}.empty-icon{font-size:72px;margin-bottom:20px}.empty-state h3{font-size:22px;font-weight:700;color:#1a1a2e;margin-bottom:12px}.empty-state p{color:#888;font-size:15px;line-height:1.6;margin-bottom:24px}.refresh-btn{padding:14px 28px;border-radius:12px;border:none;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.card-counter{font-size:12px;color:#aaa;text-align:center;margin-bottom:16px;font-weight:500;letter-spacing:.5px}.profile-card-modern{width:100%;max-width:340px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #00000026;position:relative;user-select:none;-webkit-user-select:none;touch-action:none;border:3px solid transparent;transition:border-color .3s ease}.profile-card-modern.gender-female{border-color:#ff69b4;box-shadow:0 10px 40px #ff69b433}.profile-card-modern.gender-male{border-color:#4a90d9;box-shadow:0 10px 40px #4a90d933}.profile-card-modern.gender-other{border-color:#9b59b6;box-shadow:0 10px 40px #9b59b633}.cards-stack-container{position:relative;width:100%;max-width:340px;height:460px;margin:0 auto}.profile-card-modern.card-current{position:absolute;top:0;left:0;right:0;z-index:2;cursor:grab}.profile-card-modern.card-current:active{cursor:grabbing}.profile-card-modern.card-current.fade-in{animation:cardFadeIn .3s ease-out}.profile-card-modern.card-current.animating-out{pointer-events:none}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.card-loading-state{position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:24px;display:flex;align-items:center;justify-content:center;z-index:2}.card-loading-spinner{width:50px;height:50px;border:4px solid rgba(78,205,196,.2);border-top-color:#4ecdc4;border-radius:50%;animation:spinLoader .8s linear infinite}.profile-card-modern.swiping-left{transform:translate(-120%) rotate(-12deg);opacity:0}.profile-card-modern.swiping-right{transform:translate(120%) rotate(12deg);opacity:0}.profile-card-modern.has-liked-you{box-shadow:0 15px 50px #ff6b6b40}.liked-you-badge{position:absolute;top:16px;left:16px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;padding:10px 18px;border-radius:25px;font-size:14px;font-weight:700;z-index:10;box-shadow:0 4px 15px #ff6b6b80;display:flex;align-items:center;gap:6px;animation:badgePulse 2s ease infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.swipe-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:15;animation:overlayFade .3s ease}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.swipe-overlay.right{background:linear-gradient(135deg,#ff6b6be6,#ff8e53e6)}.swipe-overlay.left{background:#000000b3}.swipe-overlay-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff}.swipe-icon{font-size:64px}.swipe-text{font-size:32px;font-weight:800;letter-spacing:2px}.profile-photo{height:320px;background-size:cover;background-position:center top;background-color:#e8e8e8;position:relative}.no-photo-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.placeholder-icon{font-size:100px;opacity:.6}.photo-gradient{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(transparent,#000000bf)}.profile-info-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;color:#fff}.profile-name-age{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.profile-name-age h2{font-size:26px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.profile-age{font-size:22px;font-weight:400;opacity:.9}.profile-meta{display:flex;flex-direction:column;gap:6px}.meta-item{display:flex;align-items:center;gap:8px;font-size:14px;opacity:.95}.meta-item.destination{background:#4ecdc4e6;padding:6px 12px;border-radius:20px;width:fit-content;margin-top:6px;font-weight:600}.meta-icon{font-size:15px}.profile-body{padding:16px 20px 20px;min-height:80px}.profile-bio-text{font-size:14px;color:#666;line-height:1.5;font-style:italic;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-tags{display:flex;flex-wrap:wrap;gap:6px}.profile-tag{padding:6px 12px;background:linear-gradient(135deg,#f0f9f8,#e8f5f3);border-radius:16px;font-size:12px;font-weight:600;color:#4ecdc4;border:1px solid rgba(78,205,196,.2)}.profile-tag.more{background:#f5f5f5;color:#999;border-color:transparent}.swipe-actions{display:flex;justify-content:center;gap:24px;padding:24px}.swipe-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 32px;border-radius:20px;border:none;cursor:pointer;transition:all .2s ease;min-width:100px}.swipe-action-btn .action-icon{font-size:28px;line-height:1}.swipe-action-btn .action-label{font-size:14px;font-weight:600}.swipe-action-btn.pass{background:#fff;border:2px solid #e0e0e0;color:#999}.swipe-action-btn.pass .action-icon{color:#ccc}.swipe-action-btn.pass:hover{border-color:#ff6b6b;background:#fff5f5;color:#ff6b6b}.swipe-action-btn.pass:hover .action-icon{color:#ff6b6b}.swipe-action-btn.like{background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;color:#fff;box-shadow:0 6px 20px #4ecdc466}.swipe-action-btn.like .action-icon{color:#fff}.swipe-action-btn.like:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc480}.swipe-action-btn:active{transform:scale(.95)}.swipe-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.swipe-buttons{display:none}.chats-list{display:flex;flex-direction:column;gap:8px;padding:0 16px}.empty-chats{text-align:center;padding:60px 20px;color:#888}.empty-chats span{font-size:64px;display:block;margin-bottom:16px}.empty-chats p{font-size:16px;margin-bottom:4px;color:#666}.empty-hint{font-size:14px;color:#999}.chat-item{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border-radius:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #0000000d}.chat-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.chat-item:active{transform:scale(.98)}.chat-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ff8e53);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;flex-shrink:0;box-shadow:0 4px 15px #ff6b6b4d}.chat-preview{flex:1;min-width:0}.chat-preview h3{font-size:16px;font-weight:700;margin-bottom:4px;color:#1a1a2e}.chat-preview p{font-size:14px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{font-size:12px;color:#999;flex-shrink:0;font-weight:500}.chat-view{display:flex;flex-direction:column;height:100vh;height:100dvh;padding:0!important;background:#f5f5f5;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100;overflow:hidden}.chat-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 10px #0000000d;z-index:10;min-height:64px;flex-shrink:0}.back-btn{width:40px;height:40px;background:#f5f5f5;border:none;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.back-btn:hover{background:#eee}.chat-title{flex:1}.chat-title h2{font-size:18px;font-weight:700;color:#1a1a2e;margin:0}.chat-title .chat-status{font-size:12px;color:#4ecdc4;font-weight:500}.messages-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#f8f9fa,#f0f0f0);min-height:0}.message{display:flex;flex-direction:column;max-width:75%;animation:messageIn .2s ease}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-author{font-size:12px;color:#888;margin-bottom:4px;padding-left:12px;font-weight:500}.message-bubble{padding:12px 16px;border-radius:20px;position:relative}.message.sent .message-bubble{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border-bottom-right-radius:6px;box-shadow:0 2px 10px #4ecdc44d}.message.received .message-bubble{background:#fff;color:#333;border-bottom-left-radius:6px;box-shadow:0 2px 10px #00000014}.message-bubble p{font-size:15px;line-height:1.5;margin:0;word-wrap:break-word}.message-time{display:block;font-size:10px;opacity:.7;margin-top:4px;text-align:right}.message.system{align-self:center;max-width:90%;margin:16px 0}.message.system .message-bubble{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:16px;padding:12px 20px;text-align:center;box-shadow:none}.message.system .message-bubble p{color:#2e7d32;font-size:14px;font-weight:500}.message-input{display:flex;gap:12px;padding:12px 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0));background:#fff;border-top:1px solid #eee;box-shadow:0 -2px 10px #0000000d;flex-shrink:0;position:relative;z-index:10}.message-input input{flex:1;padding:14px 20px;background:#f5f5f5;border:2px solid transparent;border-radius:25px;font-family:inherit;font-size:15px;transition:all .2s ease}.message-input input:focus{outline:none;border-color:#4ecdc4;background:#fff}.message-input input::placeholder{color:#999}.message-input button{width:50px;height:50px;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #4ecdc466;flex-shrink:0}.message-input button:hover{transform:scale(1.05);box-shadow:0 6px 20px #4ecdc480}.message-input button:active{transform:scale(.95)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text,.skeleton-avatar,.skeleton-bubble{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5,#e8e8e8 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.chat-item.skeleton{pointer-events:none}.chat-item.skeleton .skeleton-avatar{width:56px;height:56px;border-radius:50%;flex-shrink:0}.chat-item.skeleton .skeleton-name{width:120px;height:16px;margin-bottom:8px}.chat-item.skeleton .skeleton-message{width:180px;height:14px}.chat-item.skeleton .skeleton-time{width:30px;height:12px;flex-shrink:0}.messages-skeleton{display:flex;flex-direction:column;gap:16px;padding:20px 0;width:100%}.message-skeleton{display:flex}.message-skeleton.sent{justify-content:flex-end}.message-skeleton.received{justify-content:flex-start}.message-skeleton .skeleton-bubble{width:200px;height:50px;border-radius:20px}.message-skeleton.sent .skeleton-bubble{background:linear-gradient(90deg,#b8e6e1 25%,#d4f0ed,#b8e6e1 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-bottom-right-radius:6px}.message-skeleton.received .skeleton-bubble{border-bottom-left-radius:6px}.message-skeleton .skeleton-bubble.short{width:120px;height:40px}.message-skeleton .skeleton-bubble.long{width:260px;height:70px}.empty-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#888}.empty-messages span{font-size:48px;margin-bottom:12px}.empty-messages p{font-size:16px;margin-bottom:4px}.empty-messages .empty-hint{font-size:14px;color:#aaa}.profile-page .page-header{border-bottom:1px solid var(--border);margin-bottom:20px}.profile-page-new{background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:0;display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:var(--nav-height);overflow:hidden}.profile-page-new .profile-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#64748b}.profile-header-new{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.profile-header-new h1{font-size:28px;font-weight:800;color:#0f172a;margin:0}.logout-btn-new{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:2px solid #fee2e2;border-radius:12px;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-btn-new:hover{background:#fef2f2;border-color:#fecaca}.logout-btn-new svg{width:18px;height:18px}.profile-scroll-content{flex:1;overflow-y:auto;padding:20px 20px 40px}.profile-card-new{background:#fff;border-radius:24px;padding:32px 24px;box-shadow:0 4px 20px #0000000f;text-align:center;margin-bottom:20px}.profile-avatar-wrapper{position:relative;display:inline-block;margin-bottom:20px}.profile-avatar-new{width:120px;height:120px;border-radius:50%;background-size:cover;background-position:center;border:4px solid white;box-shadow:0 8px 30px #0000001f}.avatar-uploading{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-edit-btn{position:absolute;bottom:4px;right:4px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4ecdc4,#3bb8b0);border:3px solid white;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #4ecdc466}.avatar-edit-btn:hover{transform:scale(1.1)}.avatar-edit-btn svg{width:18px;height:18px}.profile-name-section h2{font-size:26px;font-weight:700;color:#0f172a;margin:0 0 4px}.profile-age{font-size:15px;color:#64748b;font-weight:500}.profile-stats{display:flex;justify-content:center;gap:16px;margin-top:16px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border-radius:100px;font-size:14px;color:#475569;font-weight:500}.stat-item.destination{background:linear-gradient(135deg,#4ecdc41a,#44a08d1a);color:#0d9488}.stat-flag{font-size:18px}.stat-icon{font-size:16px}.profile-bio-new{margin-top:20px;font-size:15px;color:#64748b;font-style:italic;line-height:1.6;padding:0 16px}.profile-interests-display{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}.interest-badge{padding:8px 14px;background:#f1f5f9;border-radius:100px;font-size:13px;font-weight:500;color:#475569}.edit-profile-btn-new{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,#4ecdc4,#3bb8b0);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4ecdc459}.edit-profile-btn-new:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc473}.profile-edit-form{display:flex;flex-direction:column;gap:20px;padding-bottom:120px}.form-section{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 12px #0000000a}.section-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#0f172a;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.section-title svg{color:#4ecdc4}.form-field{margin-bottom:16px}.form-field:last-child{margin-bottom:0}.form-field label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}.form-field label .optional{font-weight:400;text-transform:none;color:#94a3b8}.form-field label .char-count{font-weight:500;text-transform:none;color:#94a3b8}.form-field input[type=text],.form-field input[type=date],.form-field textarea{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-family:inherit;color:#0f172a;background:#fff;transition:all .2s ease}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a}.form-field input::placeholder,.form-field textarea::placeholder{color:#94a3b8}.form-field textarea{resize:none;line-height:1.5}.email-display-new{padding:14px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;color:#64748b}.gender-select-group{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gender-select-btn{padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.gender-select-btn:hover{border-color:#cbd5e1;background:#f8fafc}.gender-select-btn.active{border-color:#4ecdc4;background:#4ecdc41a;color:#0d9488}.interests-grid-new{display:flex;flex-wrap:wrap;gap:8px}.interest-chip-new{padding:10px 16px;border:2px solid #e2e8f0;border-radius:100px;background:#fff;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.interest-chip-new:hover{border-color:#cbd5e1;background:#f8fafc}.interest-chip-new.active{border-color:#4ecdc4;background:#4ecdc41f;color:#0d9488}.form-actions{display:flex;gap:12px;position:fixed;bottom:var(--nav-height);left:0;right:0;background:#fff;padding:16px 20px;border-top:1px solid #e2e8f0;box-shadow:0 -4px 20px #00000014;z-index:50}.cancel-btn-new{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:14px;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.cancel-btn-new:hover{border-color:#cbd5e1;background:#f8fafc}.save-btn-new{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;background:linear-gradient(135deg,#4ecdc4,#3bb8b0);border:none;border-radius:14px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4ecdc459}.save-btn-new:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc473}.save-btn-new:disabled{opacity:.5;cursor:not-allowed;transform:none}.save-btn-new .loading-spinner.small,.cancel-btn-new .loading-spinner.small{width:18px;height:18px;border-width:2px}.loading-spinner.small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.logout-confirm-modal{background:#fff;border-radius:24px;padding:32px;max-width:340px;width:90%;text-align:center;box-shadow:0 20px 60px #0003;animation:modalPop .3s cubic-bezier(.16,1,.3,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}@keyframes modalPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.logout-modal-icon{font-size:48px;margin-bottom:16px}.logout-confirm-modal h3{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 8px}.logout-confirm-modal p{font-size:15px;color:#64748b;margin:0 0 24px;line-height:1.5}.logout-modal-actions{display:flex;gap:12px}.logout-cancel-btn{flex:1;padding:14px 20px;background:#f1f5f9;border:none;border-radius:12px;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.logout-cancel-btn:hover{background:#e2e8f0;color:#475569}.logout-confirm-btn{flex:1;padding:14px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ef44444d}.logout-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.edit-btn,.save-btn{padding:8px 20px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-full);font-family:inherit;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s ease}.save-btn{background:var(--gradient-primary);border-color:transparent;color:#fff}.signout-header-btn{padding:6px 14px;background:transparent;border:1px solid #EF4444;border-radius:var(--radius-full);font-family:inherit;font-size:12px;font-weight:500;color:#ef4444;cursor:pointer;transition:all .2s ease}.signout-header-btn:hover{background:#ef4444;color:#fff}.edit-profile-btn{width:100%;margin-top:24px;padding:16px;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.edit-profile-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.save-profile-btn{width:100%;padding:16px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.save-profile-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.save-profile-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-actions{display:flex;gap:12px;margin-top:24px}.profile-actions .cancel-btn{flex:1;padding:16px;background:transparent;border:2px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:16px;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s ease}.profile-actions .cancel-btn:hover{background:var(--bg);border-color:var(--text-muted)}.profile-actions .save-profile-btn{flex:2;margin-top:0}.profile-content{padding-bottom:40px;max-width:480px;margin:0 auto}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background-size:cover;background-position:center;box-shadow:var(--shadow-lg);margin-bottom:12px}.change-photo-btn{padding:8px 16px;background:transparent;border:2px solid var(--primary);border-radius:var(--radius-full);font-family:inherit;font-size:13px;font-weight:500;color:var(--primary);cursor:pointer}.profile-form{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px 20px;box-shadow:var(--shadow-sm)}.profile-form .input-group{margin-bottom:20px}.profile-form .input-group:last-child{margin-bottom:0}.profile-form p{padding:12px 0;color:var(--text);border-bottom:1px solid var(--border)}.logout-btn{width:100%;margin-top:24px;padding:16px;background:transparent;border:2px solid #EF4444;border-radius:var(--radius-md);font-family:inherit;font-size:16px;font-weight:600;color:#ef4444;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#ef4444;color:#fff}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted)}.onboarding{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:var(--bg)}.onboarding-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.onboarding-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5}.onboarding-blob-1{width:500px;height:500px;background:var(--primary-light);top:-150px;right:-150px;animation:blobMove1 20s ease-in-out infinite}.onboarding-blob-2{width:400px;height:400px;background:var(--accent);bottom:-100px;left:-100px;animation:blobMove2 15s ease-in-out infinite}.onboarding-container{width:100%;max-width:480px;z-index:1}.onboarding-signout{position:absolute;top:20px;right:20px;padding:10px 18px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);font-family:inherit;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;z-index:10}.onboarding-signout:hover{border-color:#ef4444;color:#ef4444;background:#ef44440d}.onboarding-progress{margin-bottom:32px}.progress-bar{height:6px;background:var(--border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .4s ease}.progress-text{font-size:13px;color:var(--text-muted);text-align:center;display:block}.onboarding-step{background:var(--bg-card);border-radius:var(--radius-xl);padding:40px 32px;box-shadow:var(--shadow-xl);animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-icon{font-size:56px;text-align:center;margin-bottom:20px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.onboarding-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.onboarding-avatar{width:120px;height:120px;border-radius:50%;background:var(--bg);border:3px dashed var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease;overflow:hidden}.onboarding-avatar:hover{border-color:var(--primary);background:var(--primary-light)}.onboarding-avatar.uploading{pointer-events:none;opacity:.7}.avatar-placeholder{font-size:40px;opacity:.5}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border-radius:50%}.onboarding-avatar:hover .avatar-overlay{opacity:1}.avatar-overlay span{font-size:32px;color:#fff;font-weight:700}.avatar-loading{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.avatar-hint{font-size:13px;color:var(--text-muted);margin-top:12px}.photo-options-modal{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;width:90%;max-width:320px;text-align:center}.photo-options-modal h3{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--text)}.photo-option-btn{width:100%;padding:14px 20px;margin-bottom:10px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:15px;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s ease}.photo-option-btn:hover{border-color:var(--primary);background:var(--primary-light)}.photo-option-btn.cancel{background:transparent;border-color:transparent;color:var(--text-muted);margin-bottom:0}.photo-option-btn.cancel:hover{color:var(--text);background:var(--bg)}.onboarding-step h1{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;text-align:center;margin-bottom:8px;color:var(--secondary)}.onboarding-step>p{font-size:15px;color:var(--text-light);text-align:center;margin-bottom:32px}.onboarding-input-group{margin-bottom:24px}.onboarding-input-group label{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px}.optional-label{font-weight:400;color:var(--text-muted);font-size:13px}.country-selector{position:relative;width:100%}.country-selector-input{width:100%;padding:16px 18px;border:2px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:16px;color:var(--text);background:var(--bg);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.country-selector-input:hover{border-color:var(--primary-light)}.country-selector-input.open{border-color:var(--primary);background:var(--bg-card)}.country-selector-input .placeholder{color:var(--text-muted)}.country-selector-input .selected{color:var(--text);display:flex;align-items:center;gap:10px}.country-flag-img{width:24px;height:18px;object-fit:cover;border-radius:2px;box-shadow:0 1px 2px #0000001a}.dropdown-arrow{font-size:10px;color:var(--text-muted);transition:transform .2s ease}.country-selector-input.open .dropdown-arrow{transform:rotate(180deg)}.country-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1100;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.filter-modal .country-selector{width:100%}.filter-modal .country-selector-input{background:#fafafa}.filter-modal .country-dropdown{max-height:200px}.destination-selector-wrapper{position:relative;display:flex;align-items:center;gap:8px}.destination-selector-wrapper .country-selector{flex:1}.clear-destination-btn{width:36px;height:36px;border-radius:50%;border:none;background:#f0f0f0;color:#999;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.clear-destination-btn:hover{background:#ff6b6b;color:#fff}.country-search{padding:12px 16px;border:none;border-bottom:1px solid var(--border);font-family:inherit;font-size:15px;color:var(--text);background:var(--bg);outline:none}.country-search:focus{background:var(--bg-card)}.country-list{overflow-y:auto;max-height:250px}.country-option{padding:12px 16px;cursor:pointer;transition:background .15s ease;font-size:15px;color:var(--text);display:flex;align-items:center;gap:10px}.country-option:hover{background:var(--bg)}.country-option.selected{background:var(--primary-light);color:var(--primary);font-weight:500}.country-name{flex:1}.no-results{padding:16px;text-align:center;color:var(--text-muted);font-size:14px}.phone-input-container{position:relative;width:100%;display:flex;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.phone-input-container:focus-within{border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a}.phone-input-wrapper{display:flex;border:2px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease}.phone-input-wrapper:focus-within{border-color:var(--primary)}.phone-country-selector{position:relative;display:flex;align-items:center;gap:6px;padding:14px 12px;background:#f8fafc;border:none;border-right:1px solid #e2e8f0;border-radius:10px 0 0 10px;cursor:pointer;transition:all .2s ease;min-width:100px;font-family:inherit}.phone-country-selector:hover,.phone-country-selector.open{background:#f1f5f9}.phone-country-selector .country-flag-img{width:22px;height:16px;border-radius:2px;object-fit:cover}.dial-code{font-size:14px;font-weight:600;color:#0f172a}.dropdown-arrow{font-size:8px;color:#94a3b8;margin-left:2px;transition:transform .2s ease}.dropdown-arrow-small{font-size:8px;color:var(--text-muted);margin-left:2px;transition:transform .2s ease}.phone-country-selector.open .dropdown-arrow-small,.phone-country-selector.open .dropdown-arrow{transform:rotate(180deg)}.phone-number-input{flex:1;padding:14px 16px;border:none;border-radius:0 10px 10px 0;font-family:inherit;font-size:15px;color:#0f172a;background:#fff;outline:none}.phone-number-input::placeholder{color:#94a3b8}.phone-country-dropdown{position:absolute;top:calc(100% + 4px);left:-2px;right:auto;width:calc(100% + 4px);min-width:280px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.phone-country-dropdown .country-search{padding:12px 16px;border:none;border-bottom:1px solid #e2e8f0;font-size:14px;outline:none;background:#f8fafc}.phone-country-dropdown .country-search:focus{background:#fff}.phone-country-dropdown .country-list{overflow-y:auto;max-height:250px}.phone-country-dropdown .country-option{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s ease}.phone-country-dropdown .country-option:hover{background:#f1f5f9}.phone-country-dropdown .country-option.selected{background:#4ecdc41a}.phone-country-dropdown .country-option .country-flag-img{width:24px;height:18px;border-radius:2px;object-fit:cover}.phone-country-dropdown .country-option .country-name{flex:1;font-size:14px;color:#0f172a}.phone-country-dropdown .country-option .country-dial{font-size:13px;color:#64748b;font-weight:500}.country-dial-code{color:var(--text-muted);font-size:13px;margin-left:auto}.optional-label{font-size:12px;font-weight:400;color:var(--text-muted)}.confirm-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:90%;max-width:400px;overflow:hidden;box-shadow:var(--shadow-lg);animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-modal-content{padding:24px;text-align:center}.confirm-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px}.confirm-message{font-size:15px;color:var(--text-muted);line-height:1.5}.confirm-actions{display:flex;border-top:1px solid var(--border)}.confirm-btn{flex:1;padding:16px;font-family:inherit;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:background .2s ease}.confirm-btn.cancel{background:var(--bg);color:var(--text);border-right:1px solid var(--border)}.confirm-btn.cancel:hover{background:var(--border)}.confirm-btn.danger{background:var(--bg);color:#dc2626}.confirm-btn.danger:hover{background:#fef2f2}.confirm-btn.primary{background:var(--primary);color:#fff}.confirm-btn.primary:hover{background:var(--primary-dark)}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toastSlideIn .3s ease;pointer-events:auto;cursor:pointer;min-width:280px;max-width:400px}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.toast-info .toast-icon{background:#e0f2fe;color:#0369a1}.toast-success .toast-icon{background:#dcfce7;color:#16a34a}.toast-error .toast-icon{background:#fee2e2;color:#dc2626}.toast-match .toast-icon{background:var(--primary-light);color:var(--primary)}.toast-message{font-size:14px;color:var(--text);line-height:1.4}.match-overlay{background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.match-modal{background:#fff;border-radius:24px;width:92%;max-width:360px;padding:32px 24px;text-align:center;animation:matchPopIn .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 20px 60px #0000004d}@keyframes matchPopIn{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.match-header{margin-bottom:24px}.match-emoji{font-size:56px;display:block;margin-bottom:12px;animation:bounce .6s ease infinite alternate}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.15)}}.match-title{font-size:28px;font-weight:800;color:#1a1a2e;margin-bottom:8px;letter-spacing:-.5px}.match-subtitle{font-size:16px;color:#666;margin:0}.match-subtitle strong{color:#1a1a2e;font-weight:600}.match-avatars{display:flex;justify-content:center;align-items:center;gap:12px;margin:28px 0}.match-avatar-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.match-avatar{width:90px;height:90px;border-radius:50%;background-size:cover;background-position:center;background-color:#f0f0f0;box-shadow:0 4px 15px #00000026}.match-avatar.my-avatar{border:3px solid #4ECDC4}.match-avatar.their-avatar{border:3px solid #FF6B6B}.match-name{font-size:14px;font-weight:600;color:#333}.match-heart-container{display:flex;align-items:center;justify-content:center}.match-heart{font-size:32px;animation:heartPulse .8s ease infinite}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.match-info{font-size:14px;color:#888;margin:0 0 24px;line-height:1.5}.match-actions{display:flex;flex-direction:column;gap:12px}.match-btn{width:100%;padding:16px 24px;border-radius:12px;font-family:inherit;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.match-btn.primary{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;box-shadow:0 4px 15px #4ecdc466}.match-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc480}.match-btn.primary:active{transform:translateY(0)}.match-btn.secondary{background:#f5f5f5;color:#666}.match-btn.secondary:hover{background:#eee;color:#333}.terms-checkbox{margin:16px 0}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:13px;color:var(--text-muted);line-height:1.4}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;min-width:20px;border:2px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:var(--bg)}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--primary);border-color:var(--primary)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.checkbox-text{flex:1}.legal-link{background:none;border:none;color:var(--primary);font-family:inherit;font-size:inherit;cursor:pointer;text-decoration:underline;padding:0}.legal-link:hover{color:var(--primary-dark)}.terms-agreement{text-align:center;font-size:12px;color:var(--text-muted);margin-top:16px;line-height:1.5}.terms-agreement .legal-link{font-size:12px}.legal-footer{display:flex;justify-content:center;gap:12px;margin-top:20px;font-size:12px;color:var(--text-muted)}.legal-footer-link{background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:inherit;cursor:pointer;text-decoration:none;padding:0;transition:color .2s ease}.legal-footer-link:hover{color:var(--primary);text-decoration:underline}.legal-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:95%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease}.legal-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.legal-modal-header h2{font-size:20px;font-weight:600;margin:0}.legal-close{background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all .2s ease}.legal-close:hover{background:var(--bg);color:var(--text)}.legal-modal-content{padding:24px;overflow-y:auto;flex:1}.legal-content{font-size:14px;line-height:1.6;color:var(--text)}.legal-content h3{font-size:16px;font-weight:600;margin:24px 0 12px;color:var(--text)}.legal-content h3:first-of-type{margin-top:0}.legal-content p{margin:0 0 12px;color:var(--text-muted)}.legal-content ul{margin:0 0 12px;padding-left:24px;color:var(--text-muted)}.legal-content li{margin-bottom:6px}.legal-updated{font-size:12px;color:var(--text-muted);font-style:italic;margin-bottom:20px!important}.onboarding-input-group input,.onboarding-input-group textarea{width:100%;padding:16px 18px;border:2px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:16px;color:var(--text);background:var(--bg);transition:all .2s ease}.onboarding-input-group input:focus,.onboarding-input-group textarea:focus{outline:none;border-color:var(--primary);background:var(--bg-card)}.onboarding-input-group textarea{resize:none;line-height:1.5}.char-count{display:block;font-size:12px;color:var(--text-muted);margin-top:6px;text-align:right}.error-text{display:block;font-size:13px;color:#dc2626;margin-top:8px}.save-error{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;margin-bottom:16px;text-align:center}.gender-options,.date-select-group{display:flex;gap:10px}.date-select{flex:1;padding:14px 32px 14px 12px;border:2px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:15px;color:var(--text);background:var(--bg);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance: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='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.date-select.month{flex:1.5}.date-select:focus{outline:none;border-color:var(--primary);background-color:var(--bg-card)}.date-select:hover{border-color:var(--primary-light)}.date-select option{padding:8px}.gender-btn{flex:1;padding:14px 12px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s ease}.gender-btn:hover{border-color:var(--primary-light)}.gender-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.interests-selection{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.interest-pill{padding:12px 20px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-full);font-family:inherit;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s ease}.interest-pill:hover{border-color:var(--primary-light);transform:scale(1.02)}.interest-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.selection-count{display:block;font-size:13px;color:var(--text-muted);text-align:center}.onboarding-nav{display:flex;gap:12px;margin-top:24px}.onboarding-nav .back-btn{flex:1;padding:16px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:16px;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s ease}.onboarding-nav .back-btn:hover{border-color:var(--text-muted)}.onboarding-nav .next-btn{flex:2;padding:16px;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #ff6b4a4d}.onboarding-nav .next-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff6b4a66}.onboarding-nav .next-btn:disabled,.onboarding-nav .back-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (min-width: 768px){.page{padding:0 32px 24px}.auth-container{max-width:480px}.trips-grid{grid-template-columns:repeat(2,1fr);gap:20px}.trips-scroll{gap:20px}.trip-card-mini{width:200px;height:240px}.profile-card{max-width:420px}.modal{border-radius:var(--radius-xl);max-width:560px;margin:auto;align-self:center}.modal-overlay{align-items:center;padding:40px}.posts-feed,.post-form{max-width:600px}.swipe-container{min-height:550px}.profile-image{height:420px}.filters-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.filter-group{margin-bottom:0}.chats-list{max-width:600px}.profile-content{max-width:500px;margin:0 auto}}@media (min-width: 1024px){.page{padding:0 48px 32px}.page-header{padding:24px 0}.page-header h1{font-size:32px}.trips-grid{grid-template-columns:repeat(3,1fr);gap:24px}.trip-card-mini{width:220px;height:260px}.posts-feed{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:100%}.post-form{max-width:100%}.swipe-container{min-height:600px}.profile-card{max-width:450px}.profile-image{height:450px}.filters-panel{grid-template-columns:repeat(4,1fr)}.chats-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:800px;margin:0 auto;padding:0 16px}.chat-item{border-radius:16px}.profile-form .input-group{margin-bottom:20px}.profile-form .input-group:last-child{margin-bottom:0}.bottom-nav{padding:0 24px}.nav-item{padding:12px 24px}.nav-label{font-size:12px}}@media (min-width: 1440px){.page{padding:0 64px 40px}.trips-grid{grid-template-columns:repeat(4,1fr)}.posts-feed{grid-template-columns:repeat(3,1fr)}.chats-list{grid-template-columns:repeat(3,1fr);max-width:1200px}.filters-panel{max-width:1000px;margin:0 auto 20px}}@media (min-width: 768px){.chat-view{max-width:700px;left:50%;transform:translate(-50%);border-left:1px solid #eee;border-right:1px solid #eee;box-shadow:0 0 50px #0000001a}.messages-container{padding:24px}.message{max-width:60%}.message-input{padding:20px 24px}}.landing-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow-x:hidden}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;position:fixed;top:0;left:0;right:0;z-index:100;background:#667eeaf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-logo{display:flex;align-items:center;gap:10px}.landing-logo .logo-icon{font-size:32px}.landing-logo .logo-icon-img{width:40px;height:40px;object-fit:contain}.landing-logo .logo-text{font-size:24px;font-weight:800;letter-spacing:-.5px}.landing-cta-btn{padding:12px 24px;border-radius:50px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.landing-cta-btn.header-btn{background:#fff;color:#667eea}.landing-cta-btn.header-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #0003}.landing-cta-btn.primary{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;box-shadow:0 10px 30px #4ecdc466}.landing-cta-btn.primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #4ecdc480}.landing-cta-btn.large{padding:18px 40px;font-size:18px}.landing-hero{min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 48px 120px;text-align:center;position:relative}.hero-content{max-width:700px;margin:0 auto}.hero-title{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:24px}.hero-highlight{background:linear-gradient(135deg,#4ecdc4,#44a08d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;line-height:1.6;opacity:.9;margin-bottom:32px}.hero-buttons{margin-bottom:32px}.hero-stats{display:flex;justify-content:center;gap:50px}.stat{display:flex;flex-direction:column}.stat-number{font-size:36px;font-weight:800}.stat-label{font-size:14px;opacity:.8;text-transform:uppercase;letter-spacing:1px}.hero-visual{flex:1;display:flex;justify-content:center}.phone-mockup{width:320px;height:580px;background:#1a1a2e;border-radius:40px;padding:10px;box-shadow:0 50px 100px #0000004d;transform:rotate(3deg)}.mockup-screen{width:100%;height:100%;background:#f5f5f5;border-radius:32px;overflow:hidden;display:flex;flex-direction:column}.demo-interactive{padding:0!important;display:flex;flex-direction:column;overflow:hidden}.demo-header{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;padding:12px;text-align:center;font-weight:600;font-size:14px}.demo-cards-container{flex:1;position:relative;margin:10px;overflow:visible}.demo-card{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.demo-card-current{z-index:2;cursor:grab}.demo-card-current:active{cursor:grabbing}.demo-card-current.fade-in{animation:demoCardFadeIn .3s ease-out}.demo-card.animating-out{pointer-events:none}@keyframes demoCardFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.demo-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;z-index:2}.demo-loading-spinner{width:40px;height:40px;border:3px solid rgba(78,205,196,.2);border-top-color:#4ecdc4;border-radius:50%;animation:spinLoader .8s linear infinite}@keyframes spinLoader{to{transform:rotate(360deg)}}.demo-card.swipe-left{transform:translate(-120%) rotate(-20deg);opacity:0}.demo-card.swipe-right{transform:translate(120%) rotate(20deg);opacity:0}.demo-photo{width:100%;height:100%;background-size:cover;background-position:center top;position:relative}.demo-gradient{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(transparent,#000c)}.demo-info{position:absolute;bottom:0;left:0;right:0;padding:16px;color:#fff}.demo-info h3{font-size:22px;font-weight:700;margin-bottom:4px}.demo-location{font-size:13px;opacity:.9;margin-bottom:2px}.demo-destination{font-size:13px;color:#4ecdc4;font-weight:600;margin-bottom:8px}.demo-interests{display:flex;gap:6px;flex-wrap:wrap}.demo-tag{background:#fff3;padding:4px 10px;border-radius:12px;font-size:11px}.demo-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;transition:all .2s ease;padding:12px 30px;border-radius:8px;font-size:28px;font-weight:800;border:4px solid}.demo-overlay.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.demo-overlay.demo-like{color:#4ecdc4;border-color:#4ecdc4;background:#4ecdc433}.demo-overlay.demo-pass{color:#ff6b6b;border-color:#ff6b6b;background:#ff6b6b33}.demo-actions{display:flex;justify-content:center;gap:24px;padding:12px;background:#fff}.demo-btn{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #00000026}.demo-btn:hover{transform:scale(1.1)}.demo-btn:active{transform:scale(.95)}.demo-btn.pass{background:#fff;color:#ff6b6b;border:2px solid #FF6B6B}.demo-btn.like{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.demo-btn.pulse-attention{animation:pulseAttention 2s ease-in-out infinite}.demo-btn.pulse-attention-like{animation:pulseAttentionLike 1.5s ease-in-out infinite}@keyframes pulseAttention{0%,to{transform:scale(1);box-shadow:0 4px 15px #00000026}50%{transform:scale(1.08);box-shadow:0 6px 25px #ff6b6b66}}@keyframes pulseAttentionLike{0%,to{transform:scale(1);box-shadow:0 4px 15px #00000026}50%{transform:scale(1.12);box-shadow:0 8px 30px #4ecdc480}}.demo-card.wobble{animation:wobble .5s ease}@keyframes wobble{0%{transform:rotate(0)}25%{transform:rotate(2deg)}50%{transform:rotate(0)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.demo-hint-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.hint-tap-circle{width:80px;height:80px;border:3px solid white;border-radius:50%;animation:tapPulse 1.5s ease-in-out infinite}@keyframes tapPulse{0%,to{transform:scale(1);opacity:.8;border-color:#fff}50%{transform:scale(1.3);opacity:0;border-color:#4ecdc4}}.hint-text{background:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;animation:hintBounce 1s ease-in-out infinite}@keyframes hintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.demo-cta-hint{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:600;font-size:16px;animation:ctaFloat 2s ease-in-out infinite}.demo-arrow{font-size:24px;animation:arrowBounce 1s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ctaFloat{0%,to{opacity:1}50%{opacity:.7}}.demo-match-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.demo-match-modal{background:#fff;border-radius:24px;padding:40px;text-align:center;max-width:400px;width:100%;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.match-celebration{font-size:64px;margin-bottom:16px;animation:bounce .6s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.demo-match-modal h2{font-size:32px;font-weight:800;color:#1a1a2e;margin-bottom:8px}.demo-match-modal>p{color:#666;margin-bottom:24px}.match-photos{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.match-photo{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #4ECDC4}.match-photo img{width:100%;height:100%;object-fit:cover}.match-heart{font-size:32px;animation:pulse 1s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.demo-keep-swiping{display:block;margin-top:12px;background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:8px}.demo-keep-swiping:hover{color:#333}.landing-features{padding:100px 48px;background:#fff;color:#1a1a2e}.section-title{text-align:center;font-size:42px;font-weight:800;margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1000px;margin:0 auto}.feature-card{background:#f8f9fa;padding:40px 30px;border-radius:24px;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #0000001a}.feature-icon{font-size:48px;margin-bottom:20px}.feature-card h3{font-size:20px;font-weight:700;margin-bottom:12px}.feature-card p{font-size:15px;color:#666;line-height:1.6}.landing-how-it-works{padding:100px 48px;background:linear-gradient(135deg,#1a1a2e,#2d2d44);color:#fff}.steps-container{display:flex;align-items:center;justify-content:center;gap:20px;max-width:1200px;margin:0 auto;flex-wrap:wrap}.step{text-align:center;padding:30px;flex:1;min-width:200px}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;margin:0 auto 20px}.step h3{font-size:20px;font-weight:700;margin-bottom:10px}.step p{font-size:14px;opacity:.8}.step-arrow{font-size:24px;opacity:.5}.landing-testimonials{padding:100px 48px;background:#f8f9fa;color:#1a1a2e}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}.testimonial-card{background:#fff;padding:40px;border-radius:24px;box-shadow:0 10px 40px #0000000d}.testimonial-content p{font-size:18px;line-height:1.6;font-style:italic;margin-bottom:24px;color:#333}.testimonial-author{display:flex;align-items:center;gap:16px}.author-avatar{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.author-avatar-img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #4ECDC4}.author-info{display:flex;flex-direction:column}.author-name{font-weight:700;font-size:16px}.author-location{font-size:14px;color:#666}.landing-cta{padding:120px 48px;background:linear-gradient(135deg,#4ecdc4,#44a08d);text-align:center}.cta-content h2{font-size:48px;font-weight:800;margin-bottom:16px}.cta-content p{font-size:20px;opacity:.9;margin-bottom:40px}.landing-footer{padding:60px 48px;background:#1a1a2e;color:#fff}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px}.footer-brand .logo-icon{font-size:28px}.footer-brand .logo-icon-img{width:36px;height:36px;object-fit:contain}.footer-brand .logo-text{font-size:20px;font-weight:700}.footer-links{display:flex;justify-content:center;gap:30px;margin-bottom:24px}.footer-links a{color:#fff;opacity:.7;text-decoration:none;transition:opacity .2s}.footer-links a:hover{opacity:1}.footer-copyright{font-size:14px;opacity:.5}@media (max-width: 1024px){.features-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:42px}}@media (max-width: 768px){.landing-hero{flex-direction:column;padding:100px 24px 60px;text-align:center}.hero-content{max-width:100%}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.hero-stats{justify-content:center}.hero-visual{display:flex;justify-content:center;margin-top:40px}.phone-mockup{width:280px;height:500px;transform:rotate(0)}.demo-cta-hint{display:none}.features-grid,.testimonials-grid{grid-template-columns:1fr;padding:0 16px}.landing-features,.landing-how-it-works,.landing-testimonials,.landing-cta{padding:60px 24px}.section-title{font-size:32px;margin-bottom:40px}.steps-container{flex-direction:column}.step-arrow{transform:rotate(90deg)}.cta-content h2{font-size:32px}.cta-content p{font-size:16px}.landing-header{padding:16px 20px}.landing-logo .logo-text{font-size:20px}.landing-cta-btn.header-btn{padding:10px 20px;font-size:14px}}.animate-on-scroll{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.animate-in{opacity:1}.fade-up{transform:translateY(60px)}.fade-up.animate-in{transform:translateY(0)}.fade-in{opacity:0}.fade-in.animate-in{opacity:1}.slide-right{transform:translate(-80px)}.slide-right.animate-in{transform:translate(0)}.slide-left{transform:translate(80px)}.slide-left.animate-in{transform:translate(0)}.slide-up{transform:translateY(80px)}.slide-up.animate-in{transform:translateY(0)}.zoom-in{transform:scale(.8)}.zoom-in.animate-in{transform:scale(1)}.flip-in{transform:perspective(1000px) rotateY(30deg);transform-origin:left center}.flip-in.animate-in{transform:perspective(1000px) rotateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;animation:floatUpDown 2s ease-in-out infinite;z-index:10;background:#4ecdc426;padding:16px 28px;border-radius:30px;border:2px solid rgba(78,205,196,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.scroll-indicator:hover{background:#4ecdc440;border-color:#4ecdc499;transform:translate(-50%) scale(1.05)}.scroll-text{color:#fff;font-size:16px;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.scroll-arrow{display:flex;flex-direction:column;align-items:center;gap:2px}.scroll-arrow span{display:block;width:16px;height:16px;border-right:3px solid #4ECDC4;border-bottom:3px solid #4ECDC4;transform:rotate(45deg);animation:scrollArrow 2s ease-in-out infinite}.scroll-arrow span:nth-child(2){animation-delay:.2s;opacity:.6}@keyframes floatUpDown{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes scrollArrow{0%,to{opacity:.4}50%{opacity:1}}.landing-demo-section{padding:100px 48px;background:linear-gradient(180deg,#1a1a2e,#16213e,#1a1a2e);position:relative;overflow:hidden}.landing-demo-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(78,205,196,.5),transparent)}.demo-section-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:60px}.demo-text{flex:1;color:#fff}.demo-text h2{font-size:42px;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#fff,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-text>p{font-size:18px;color:#fffc;margin-bottom:32px}.demo-features-list{display:flex;flex-direction:column;gap:16px}.demo-feature-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.demo-feature-item:hover{background:#4ecdc41a;border-color:#4ecdc44d;transform:translate(10px)}.demo-feature-icon{font-size:24px}.demo-feature-item span:last-child{font-size:16px;color:#ffffffe6}.landing-features .features-grid{grid-template-columns:repeat(3,1fr)}@media (max-width: 1024px){.landing-features .features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.landing-features .features-grid{grid-template-columns:1fr}.scroll-indicator{bottom:20px}.scroll-text{font-size:12px}.landing-demo-section{padding:60px 24px}.demo-section-content{flex-direction:column;text-align:center}.demo-text h2{font-size:32px}.demo-feature-item:hover{transform:translate(0)}.demo-features-list{margin-bottom:40px}}.landing-hero{position:relative}.landing-page:before{content:"";position:fixed;top:20%;left:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(78,205,196,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:orbFloat1 15s ease-in-out infinite;z-index:0}.landing-page:after{content:"";position:fixed;bottom:20%;right:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,107,107,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:orbFloat2 12s ease-in-out infinite;z-index:0}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,30px) scale(1.1)}66%{transform:translate(-30px,50px) scale(.9)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,-20px) scale(1.1)}66%{transform:translate(20px,-40px) scale(.9)}}.landing-header,.landing-hero,.landing-demo-section,.landing-features,.landing-how-it-works,.landing-testimonials,.landing-cta,.landing-footer{position:relative;z-index:1}.legal-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.legal-page-header{display:flex;align-items:center;gap:20px;padding:20px 24px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legal-back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.legal-back-btn:hover{background:#fff3;border-color:#ffffff4d}.legal-page-header h1{font-size:24px;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-page-content{max-width:800px;margin:0 auto;padding:40px 24px 80px}.legal-page .legal-content{background:#ffffff0d;border-radius:16px;padding:32px;border:1px solid rgba(255,255,255,.1)}.legal-page .legal-content h3{color:#4ecdc4;font-size:18px;margin-top:32px;margin-bottom:12px}.legal-page .legal-content h3:first-of-type{margin-top:16px}.legal-page .legal-content h4{color:#ffffffe6;font-size:15px;margin-top:20px;margin-bottom:8px}.legal-page .legal-content p{color:#fffc;line-height:1.7;margin-bottom:12px}.legal-page .legal-content ul{color:#fffc;padding-left:24px;margin-bottom:16px}.legal-page .legal-content li{margin-bottom:8px;line-height:1.6}.legal-page .legal-content strong{color:#fff}.legal-page .legal-updated{color:#ffffff80;font-size:13px;margin-bottom:8px}@media (max-width: 768px){.legal-page-header{padding:16px 20px}.legal-page-header h1{font-size:18px}.legal-back-btn{padding:8px 16px;font-size:13px}.legal-page-content{padding:24px 16px 60px}.legal-page .legal-content{padding:20px}}.footer-link-btn{background:none;border:none;color:inherit;font-size:inherit;cursor:pointer;opacity:.8;transition:opacity .2s}.footer-link-btn:hover{opacity:1;text-decoration:underline}.landing-legal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.landing-legal-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000080}.landing-legal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.landing-legal-header h2{margin:0;font-size:20px;background:linear-gradient(135deg,#fff,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-legal-close{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;transition:background .2s}.landing-legal-close:hover{background:#fff3}.landing-legal-content{padding:24px;overflow-y:auto;color:#ffffffe6}.landing-legal-content .legal-content h3{color:#4ecdc4;font-size:16px;margin-top:20px;margin-bottom:8px}.landing-legal-content .legal-content h3:first-of-type{margin-top:8px}.landing-legal-content .legal-content p{color:#fffc;line-height:1.6;margin-bottom:10px;font-size:14px}.landing-legal-content .legal-updated{color:#ffffff80;font-size:12px}@media (max-width: 768px){.landing-legal-modal{max-height:90vh;border-radius:16px}.landing-legal-header{padding:16px 20px}.landing-legal-header h2{font-size:18px}.landing-legal-content{padding:20px}}