@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=light]{--primary: #6366f1;--primary-dark: #4f46e5;--primary-glow: rgba(99, 102, 241, .2);--accent: #f59e0b;--accent-glow: rgba(245, 158, 11, .2);--bg: #e8edf5;--bg-alt: #dde3ed;--card: #e8edf5;--card-elevated: #eff3f9;--text: #0f172a;--text-light: #64748b;--border: rgba(148, 163, 184, .2);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--radius: 20px;--gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-accent: linear-gradient(135deg, #f59e0b, #ef4444);--gradient-success: linear-gradient(135deg, #10b981, #06b6d4);--gradient-glass: rgba(255, 255, 255, .4);--neu-shadow: 5px 5px 10px rgba(166, 180, 200, .5), -5px -5px 10px rgba(255, 255, 255, .85);--neu-shadow-sm: 3px 3px 6px rgba(166, 180, 200, .4), -3px -3px 6px rgba(255, 255, 255, .75);--neu-shadow-raised: 8px 8px 16px rgba(166, 180, 200, .55), -8px -8px 16px rgba(255, 255, 255, .9);--neu-shadow-inset: inset 2px 2px 5px rgba(166, 180, 200, .4), inset -2px -2px 5px rgba(255, 255, 255, .7);--neu-shadow-pressed: inset 4px 4px 8px rgba(166, 180, 200, .45), inset -4px -4px 8px rgba(255, 255, 255, .75);--input-bg: #e0e6f0;--nav-bg: rgba(232, 237, 245, .85);--footer-bg: #1e293b;--footer-text: #94a3b8}[data-theme=dark]{--primary: #818cf8;--primary-dark: #6366f1;--primary-glow: rgba(129, 140, 248, .2);--accent: #fbbf24;--accent-glow: rgba(251, 191, 36, .2);--bg: #0f172a;--bg-alt: #0c1322;--card: #1e293b;--card-elevated: #273449;--text: #f1f5f9;--text-light: #94a3b8;--border: rgba(51, 65, 85, .5);--success: #34d399;--warning: #fbbf24;--danger: #fb7185;--radius: 20px;--gradient-primary: linear-gradient(135deg, #818cf8, #c084fc);--gradient-accent: linear-gradient(135deg, #fbbf24, #fb923c);--gradient-success: linear-gradient(135deg, #34d399, #22d3ee);--gradient-glass: rgba(15, 23, 42, .6);--neu-shadow: 5px 5px 10px rgba(2, 6, 14, .8), -5px -5px 10px rgba(30, 41, 59, .5);--neu-shadow-sm: 3px 3px 6px rgba(2, 6, 14, .7), -3px -3px 6px rgba(30, 41, 59, .4);--neu-shadow-raised: 8px 8px 16px rgba(2, 6, 14, .85), -8px -8px 16px rgba(30, 41, 59, .55);--neu-shadow-inset: inset 2px 2px 5px rgba(2, 6, 14, .7), inset -2px -2px 5px rgba(30, 41, 59, .3);--neu-shadow-pressed: inset 4px 4px 8px rgba(2, 6, 14, .75), inset -4px -4px 8px rgba(30, 41, 59, .35);--input-bg: #1e293b;--nav-bg: rgba(15, 23, 42, .9);--footer-bg: #020617;--footer-text: #64748b}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background .4s ease,color .4s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary-glow);color:var(--text)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--gradient-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.12)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border-radius:14px;font-weight:600;font-size:.88rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden;letter-spacing:-.01em}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;background:radial-gradient(circle at center,rgba(255,255,255,.25),transparent 70%);transition:opacity .3s}.btn:active:after{opacity:1}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--neu-shadow-sm),0 4px 20px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--neu-shadow),0 8px 30px var(--primary-glow);filter:brightness(1.08)}.btn-primary:active{transform:translateY(0) scale(.97);box-shadow:var(--neu-shadow-inset);filter:brightness(.95)}.btn-outline{background:var(--card);color:var(--primary);box-shadow:var(--neu-shadow-sm)}.btn-outline:hover{transform:translateY(-2px);box-shadow:var(--neu-shadow);color:var(--primary-dark)}.btn-outline:active{transform:translateY(0) scale(.97);box-shadow:var(--neu-shadow-pressed)}.btn-accent{background:var(--gradient-accent);color:#fff;box-shadow:var(--neu-shadow-sm),0 4px 20px var(--accent-glow)}.btn-accent:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--neu-shadow),0 8px 30px var(--accent-glow);filter:brightness(1.08)}.btn-accent:active{transform:translateY(0) scale(.97);box-shadow:var(--neu-shadow-inset)}.btn-sm{padding:7px 16px;font-size:.82rem;border-radius:12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;filter:grayscale(.3)!important}.section-header{text-align:center;margin-bottom:3.5rem}.section-header h2{font-size:2.2rem;font-weight:800;margin-bottom:.6rem;letter-spacing:-.03em}.section-header p{color:var(--text-light);font-size:1.05rem;max-width:560px;margin:0 auto;line-height:1.7}.container{max-width:1200px;margin:0 auto}.avatars span{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;margin-left:-8px;border:2.5px solid var(--bg);box-shadow:var(--neu-shadow-sm);transition:transform .25s cubic-bezier(.4,0,.2,1)}.avatars span:hover{transform:scale(1.2) translateY(-2px);z-index:1}.badge{padding:4px 12px;border-radius:20px;font-size:.72rem;font-weight:600;letter-spacing:.02em;box-shadow:var(--neu-shadow-sm)}.badge-active{background:#10b9811f;color:#059669}.badge-upcoming{background:#6366f11f;color:var(--primary)}.badge-planning{background:#f59e0b1f;color:#d97706}.badge-done{background:#64748b1f;color:#64748b}[data-theme=dark] .badge-active{background:#34d39926;color:#34d399}[data-theme=dark] .badge-upcoming{background:#818cf826;color:#818cf8}[data-theme=dark] .badge-planning{background:#fbbf2426;color:#fbbf24}[data-theme=dark] .badge-done{background:#94a3b826;color:#94a3b8}.progress-bar{width:100%;height:6px;background:var(--bg-alt);border-radius:3px;overflow:hidden;box-shadow:var(--neu-shadow-inset)}.progress-bar div{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}.check-list{list-style:none;display:flex;flex-direction:column;gap:.8rem}.check-list li{display:flex;align-items:center;gap:10px;font-size:.95rem;transition:transform .2s}.check-list li:hover{transform:translate(4px)}.check-list li svg{width:20px;height:20px;color:var(--success);flex-shrink:0}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in:nth-child(2){transition-delay:.08s}.fade-in:nth-child(3){transition-delay:.16s}.fade-in:nth-child(4){transition-delay:.24s}.fade-in:nth-child(5){transition-delay:.32s}.fade-in:nth-child(6){transition-delay:.4s}.page-enter{animation:pageIn .5s cubic-bezier(.4,0,.2,1) both}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--bg-alt) 25%,var(--bg) 50%,var(--bg-alt) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.theme-toggle{width:38px;height:38px;border-radius:12px;border:none;cursor:pointer;background:var(--card);box-shadow:var(--neu-shadow-sm);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-light)}.theme-toggle:hover{transform:scale(1.08) rotate(12deg);box-shadow:var(--neu-shadow);color:var(--primary)}.theme-toggle:active{transform:scale(.92);box-shadow:var(--neu-shadow-pressed)}@media(max-width:768px){.section-header h2{font-size:1.7rem}}.toast-container{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:16px;font-size:.88rem;font-weight:600;color:#fff;pointer-events:auto;animation:toastIn .4s cubic-bezier(.21,1.02,.73,1) forwards;box-shadow:var(--neu-shadow-raised),0 8px 30px #0000001a;min-width:280px;max-width:400px;letter-spacing:-.01em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast-icon{flex-shrink:0;display:flex}.toast-success{background:linear-gradient(135deg,#22c55e,#06b6d4)}.toast-error{background:linear-gradient(135deg,#ef4444,#e11d48)}.toast-info{background:linear-gradient(135deg,#4f6ef7,#7c3aed)}.toast-warning{background:linear-gradient(135deg,#eab308,#f97316)}@keyframes toastIn{0%{transform:translate(120%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@media(max-width:768px){.toast-container{left:16px;right:16px;top:72px}.toast{min-width:unset;max-width:unset}}.navbar{position:fixed;top:0;width:100%;z-index:100;background:var(--nav-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 2px 20px #0000000f;padding:0 2.5rem;display:flex;align-items:center;justify-content:space-between;height:64px;transition:background .4s,box-shadow .4s}[data-theme=dark] .navbar{box-shadow:0 2px 20px #0003}.logo{font-size:1.3rem;font-weight:800;color:var(--primary);display:flex;align-items:center;gap:10px;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.03em}.logo img{transition:transform .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px var(--primary-glow))}.logo:hover{transform:scale(1.02)}.logo:hover img{transform:rotate(-8deg) scale(1.1)}.nav-links{display:flex;gap:4px;list-style:none}.nav-links a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--text-light);font-weight:600;font-size:.86rem;padding:8px 16px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;letter-spacing:-.01em}.nav-links a svg{opacity:.5;transition:opacity .3s,transform .3s}.nav-links a:after{display:none}.nav-links a:hover{color:var(--text);background:var(--bg-alt);box-shadow:var(--neu-shadow-sm)}.nav-links a:hover svg{opacity:.8;transform:scale(1.1)}.nav-links a.active{color:var(--primary);background:var(--bg);box-shadow:var(--neu-shadow-inset)}.nav-links a.active svg{opacity:1;stroke:var(--primary)}.nav-premium-link{display:inline-flex!important;align-items:center;gap:6px!important}.premium-sparkle{color:var(--warning);filter:drop-shadow(0 0 4px rgba(234,179,8,.5));animation:sparkleGlow 2s ease-in-out infinite alternate}@keyframes sparkleGlow{0%{filter:drop-shadow(0 0 2px rgba(234,179,8,.3));transform:scale(1)}to{filter:drop-shadow(0 0 8px rgba(234,179,8,.6));transform:scale(1.15) rotate(10deg)}}.nav-actions{display:flex;gap:8px;align-items:center;position:relative}.nav-actions .btn{white-space:nowrap;flex-shrink:0;padding:7px 14px;font-size:.82rem}.theme-toggle{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--card);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-light);box-shadow:var(--neu-shadow-sm)}.theme-toggle:hover{color:var(--primary);box-shadow:var(--neu-shadow);transform:scale(1.05) rotate(12deg)}.theme-toggle:active{box-shadow:var(--neu-shadow-pressed);transform:scale(.92)}.nav-notif-wrap{position:relative}.nav-bell{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--card);border:none;cursor:pointer;transition:all .3s;color:var(--text-light);box-shadow:var(--neu-shadow-sm);position:relative}.nav-bell:hover{color:var(--primary);box-shadow:var(--neu-shadow);transform:scale(1.05)}.nav-bell:active{box-shadow:var(--neu-shadow-pressed);transform:scale(.92)}.nav-bell-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--nav-bg);animation:bellPop .3s cubic-bezier(.21,1.02,.73,1)}@keyframes bellPop{0%{transform:scale(0)}to{transform:scale(1)}}.nav-notif-dropdown{position:absolute;top:48px;right:0;width:320px;background:var(--card-elevated);border-radius:18px;box-shadow:var(--neu-shadow-raised),0 20px 50px #00000014;border:1px solid var(--border);overflow:hidden;animation:dropIn .3s cubic-bezier(.21,1.02,.73,1);z-index:120}.nav-notif-header{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-alt)}.nav-notif-header strong{font-size:.92rem;letter-spacing:-.01em}.nav-notif-header span{font-size:.75rem;color:var(--primary);font-weight:600}.nav-notif-empty{padding:2rem 1rem;text-align:center;color:var(--text-light);font-size:.88rem}.nav-notif-list{max-height:320px;overflow-y:auto;scrollbar-width:none}.nav-notif-list::-webkit-scrollbar{display:none}.nav-notif-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;text-align:left;color:var(--text);transition:all .2s}.nav-notif-item:hover{background:var(--bg-alt)}.nav-notif-item+.nav-notif-item{box-shadow:inset 0 1px 0 var(--border)}.nav-notif-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.nav-notif-icon.invite{background:#10b9811f;color:#10b981}[data-theme=dark] .nav-notif-icon.invite{background:#34d39926;color:#34d399}.nav-notif-icon.request{background:#6366f11f;color:#6366f1}[data-theme=dark] .nav-notif-icon.request{background:#818cf826;color:#818cf8}.nav-notif-text{display:flex;flex-direction:column;gap:2px;min-width:0}.nav-notif-title{font-size:.85rem;font-weight:600;letter-spacing:-.01em}.nav-notif-sub{font-size:.73rem;color:var(--text-light)}.nav-profile{cursor:pointer}.nav-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;box-shadow:var(--neu-shadow-sm),0 2px 12px var(--primary-glow);letter-spacing:.02em}.nav-avatar:hover{transform:scale(1.1);box-shadow:var(--neu-shadow),0 4px 24px var(--primary-glow)}.nav-dropdown{position:absolute;top:50px;right:0;background:var(--card-elevated);border-radius:18px;box-shadow:var(--neu-shadow-raised),0 20px 50px #00000014;min-width:230px;overflow:hidden;animation:dropIn .3s cubic-bezier(.21,1.02,.73,1);z-index:110;border:1px solid var(--border)}.nav-dropdown-header{padding:16px 18px;background:var(--bg-alt)}.nav-dropdown-header strong{display:block;font-size:.92rem;letter-spacing:-.01em}.nav-dropdown-header span{font-size:.78rem;color:var(--text-light)}.nav-dropdown-link{display:flex;align-items:center;gap:10px;width:100%;padding:11px 18px;text-decoration:none;font-size:.88rem;color:var(--text);transition:all .2s;border-radius:0}.nav-dropdown-link:hover{background:var(--bg-alt);padding-left:22px}.nav-dropdown-link:after{display:none}.nav-dropdown-divider{height:1px;background:var(--border);margin:4px 0}.nav-dropdown button{width:100%;text-align:left;padding:11px 18px;border:none;background:none;font-size:.88rem;cursor:pointer;color:var(--text);transition:all .2s;display:flex;align-items:center;gap:10px}.nav-dropdown button:hover{background:var(--bg-alt);padding-left:22px}.hamburger{display:none;flex-direction:column;gap:5px;background:var(--card);border:none;cursor:pointer;padding:10px;border-radius:12px;transition:all .3s;box-shadow:var(--neu-shadow-sm)}.hamburger:hover{box-shadow:var(--neu-shadow)}.hamburger:active{box-shadow:var(--neu-shadow-pressed)}.hamburger span{width:20px;height:2px;background:var(--text);border-radius:2px;transition:all .35s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger span.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger span.open:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger span.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;position:absolute;top:64px;left:0;right:0;background:var(--card-elevated);box-shadow:var(--neu-shadow-raised);flex-direction:column;padding:1rem;animation:dropIn .3s cubic-bezier(.21,1.02,.73,1);border-bottom-left-radius:18px;border-bottom-right-radius:18px}.mobile-menu a,.mobile-menu button{padding:10px 14px;text-decoration:none;color:var(--text);font-weight:500;font-size:.95rem;border:none;background:none;text-align:left;cursor:pointer;border-radius:12px;transition:all .2s}.mobile-menu a:hover,.mobile-menu button:hover{box-shadow:var(--neu-shadow-inset);background:var(--bg)}.mobile-menu-divider{height:1px;background:var(--border);margin:8px 0}.mobile-menu-user{padding:10px 14px;font-weight:600;font-size:.9rem;color:var(--text-light)}.mobile-theme-btn{color:var(--primary)!important;font-weight:600!important}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-search-wrap{position:relative;flex-shrink:1;min-width:0}.nav-search-bar{display:flex;align-items:center;gap:8px;background:var(--bg-alt);border-radius:12px;padding:0 12px;height:38px;width:220px;box-shadow:var(--neu-shadow-inset);transition:all .3s cubic-bezier(.4,0,.2,1);border:1.5px solid transparent}.nav-search-bar.expanded{width:300px;background:var(--card);box-shadow:var(--neu-shadow-sm);border-color:var(--primary)}.nav-search-icon{color:var(--text-light);flex-shrink:0;opacity:.6;transition:opacity .2s}.nav-search-bar.expanded .nav-search-icon{opacity:1;color:var(--primary)}.nav-search-input{flex:1;min-width:0;border:none;background:none;outline:none;font-size:.84rem;color:var(--text);font-weight:500}.nav-search-input::placeholder{color:var(--text-light);opacity:.7}.nav-search-clear{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:var(--bg-alt);border-radius:50%;cursor:pointer;color:var(--text-light);flex-shrink:0;transition:all .2s}.nav-search-clear:hover{background:var(--border);color:var(--text)}.nav-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:300px;background:var(--card-elevated);border-radius:16px;box-shadow:var(--neu-shadow-raised),0 16px 48px #0000001a;border:1px solid var(--border);overflow:hidden;animation:dropIn .25s cubic-bezier(.21,1.02,.73,1);z-index:120;max-height:400px;overflow-y:auto;scrollbar-width:none}.nav-search-dropdown::-webkit-scrollbar{display:none}.nav-search-status{padding:1.5rem 1rem;text-align:center;color:var(--text-light);font-size:.85rem}.nav-search-section{padding:6px 0}.nav-search-section+.nav-search-section{border-top:1px solid var(--border)}.nav-search-section-label{display:block;padding:8px 14px 4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-light)}.nav-search-item{display:flex;align-items:center;gap:10px;padding:8px 14px;text-decoration:none;color:var(--text);font-size:.88rem;font-weight:500;transition:all .15s;cursor:pointer}.nav-search-item:hover{background:var(--bg-alt)}.nav-search-item:after{display:none}.nav-search-item-icon{width:32px;height:32px;flex-shrink:0}.nav-search-item-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.nav-search-item-text{display:flex;flex-direction:column;min-width:0}.nav-search-item-text span{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-search-item-text small{font-size:.72rem;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.navbar{padding:0 1.2rem}.nav-links{gap:2px}.nav-links a{padding:6px 10px;font-size:.82rem}.nav-links a svg{display:none}.nav-search-bar{width:180px}.nav-search-bar.expanded{width:240px}}@media(max-width:768px){.navbar{padding:0 1rem}.nav-links,.nav-actions,.nav-search-wrap{display:none}.hamburger,.mobile-menu{display:flex}}.hero{min-height:100vh;display:flex;align-items:center;padding:100px 2rem 60px;background:var(--bg);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,var(--primary-glow),transparent 70%);animation:floatBlob 8s ease-in-out infinite alternate;filter:blur(40px)}.hero:after{content:"";position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow),transparent 70%);animation:floatBlob 10s ease-in-out infinite alternate-reverse;filter:blur(40px)}@keyframes floatBlob{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-30px) scale(1.15)}}.hero-content{max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-text{animation:pageIn .6s cubic-bezier(.4,0,.2,1) both}.hero-text h1{font-size:3.6rem;line-height:1.1;font-weight:900;margin-bottom:1.2rem;letter-spacing:-.04em}.hero-text h1 span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text p{font-size:1.15rem;color:var(--text-light);margin-bottom:2.2rem;max-width:480px;line-height:1.7;letter-spacing:-.01em}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.hero-visual{background:var(--card);border-radius:28px;padding:2rem;box-shadow:var(--neu-shadow-raised);animation:pageIn .7s cubic-bezier(.4,0,.2,1) .15s both;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s;position:relative}.hero-visual:before{content:"";position:absolute;inset:-1px;border-radius:29px;background:var(--gradient-primary);opacity:0;z-index:-1;transition:opacity .4s}.hero-visual:hover{transform:translateY(-6px);box-shadow:var(--neu-shadow-raised)}.hero-visual:hover:before{opacity:.15}.hero-feature-list{display:flex;flex-direction:column;gap:.8rem}.hero-feature-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border-radius:18px;background:var(--card);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--neu-shadow-sm)}.hero-feature-item:hover{transform:translate(8px);box-shadow:var(--neu-shadow)}.hero-feature-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--neu-shadow-sm);transition:transform .3s,box-shadow .3s}.hero-feature-item:hover .hero-feature-icon{transform:scale(1.1) rotate(-5deg);box-shadow:var(--neu-shadow)}.hero-feature-item h4{font-size:.98rem;margin-bottom:2px;font-weight:700;letter-spacing:-.01em}.hero-feature-item p{font-size:.84rem;color:var(--text-light);margin:0}@media(max-width:768px){.hero{padding:90px 1.5rem 40px}.hero-content{grid-template-columns:1fr;gap:2rem}.hero-text h1{font-size:2.6rem}.hero-visual{margin-top:1rem}}.features-section{padding:80px 2rem;background:var(--bg)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.8rem}.feature-card{background:var(--card);border-radius:var(--radius);padding:2rem;box-shadow:var(--neu-shadow);transition:all .35s cubic-bezier(.4,0,.2,1);cursor:default;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:3px 3px 0 0;transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1);transform-origin:left}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--neu-shadow-raised)}.feature-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;box-shadow:var(--neu-shadow-sm);transition:all .35s cubic-bezier(.4,0,.2,1)}.feature-card:hover .feature-icon{transform:scale(1.12) rotate(-5deg);box-shadow:var(--neu-shadow)}.feature-card h3{font-size:1.12rem;margin-bottom:.5rem;font-weight:700;letter-spacing:-.01em}.feature-card p{color:var(--text-light);font-size:.9rem;line-height:1.6}.trips-section{padding:80px 2rem;background:var(--bg)}.trips-loading{text-align:center;color:var(--text-light);padding:3rem 0}.hscroll-wrap{display:flex;align-items:center;gap:12px;position:relative}.hscroll-track{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:1rem .5rem 1.5rem;flex:1;min-width:0}.hscroll-track::-webkit-scrollbar{display:none}.hscroll-card{flex-shrink:0;width:300px;background:var(--card);border-radius:20px;overflow:hidden;box-shadow:var(--neu-shadow);cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);scroll-snap-align:start;position:relative}.hscroll-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s;z-index:1;pointer-events:none}.hscroll-card:hover{transform:translateY(-6px);box-shadow:var(--neu-shadow-raised)}.hscroll-card:hover:before{opacity:.5}.hscroll-card-banner{height:160px;display:flex;align-items:flex-end;padding:1rem 1.2rem;position:relative}.hscroll-card-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 60%)}.hscroll-card-dest{position:relative;z-index:1;color:#fff;font-weight:800;font-size:1.05rem;text-shadow:0 2px 10px rgba(0,0,0,.4);letter-spacing:-.02em;line-height:1.3}.visibility-badge{position:absolute;top:10px;right:10px;z-index:1;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:.68rem;font-weight:700;letter-spacing:.02em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hscroll-card-body{padding:1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.5rem}.hscroll-card-meta{display:flex;justify-content:space-between;align-items:center}.hscroll-card-date{font-size:.8rem;color:var(--text-light);font-weight:500}.hscroll-card-bottom{display:flex;justify-content:space-between;align-items:center}.hscroll-card-budget{font-size:.84rem;color:var(--text-light)}.hscroll-card-budget strong{color:var(--primary);font-weight:700}.avatars{display:flex}.avatars span{width:28px;height:28px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;margin-left:-6px;border:2px solid var(--card)}.avatars span:first-child{margin-left:0}.avatar-more{background:var(--text-light)!important;font-size:.6rem!important}.slider-arrow{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:var(--card);color:var(--text);box-shadow:var(--neu-shadow);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;z-index:2}.slider-arrow:hover{box-shadow:var(--neu-shadow-raised);transform:scale(1.1);color:var(--primary)}.slider-arrow:active{box-shadow:var(--neu-shadow-pressed);transform:scale(.93)}@media(max-width:768px){.trips-section{padding:60px 1rem}.hscroll-card{width:260px}.hscroll-card-banner{height:130px}.slider-arrow{display:none}}.connect-section{padding:80px 2rem;background:var(--bg)}.connect-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.connect-info h2{font-size:2rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.03em}.connect-info p{color:var(--text-light);margin-bottom:1.5rem;line-height:1.7}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.person-card{background:var(--card);border-radius:18px;padding:1.2rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--neu-shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.person-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-primary);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0 3px 3px 0}.person-card:hover{transform:translateY(-4px);box-shadow:var(--neu-shadow)}.person-card:hover:before{transform:scaleY(1)}.person-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.05rem;color:#fff;flex-shrink:0;box-shadow:var(--neu-shadow-sm);transition:transform .3s cubic-bezier(.4,0,.2,1)}.person-card:hover .person-avatar{transform:scale(1.12) rotate(-5deg)}.person-info h4{font-size:.93rem;margin-bottom:2px;font-weight:700;letter-spacing:-.01em}.person-info span{font-size:.8rem;color:var(--text-light)}.connect-empty-card{grid-column:1 / -1;text-align:center;padding:3rem 2rem;background:var(--card);border-radius:var(--radius);box-shadow:var(--neu-shadow);display:flex;flex-direction:column;align-items:center;gap:.8rem}.connect-empty-avatars{display:flex;justify-content:center;margin-bottom:.5rem}.connect-placeholder-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:-10px;border:3px solid var(--bg);box-shadow:var(--neu-shadow-sm);animation:avatarPop .5s cubic-bezier(.21,1.02,.73,1) both}.connect-placeholder-avatar:first-child{margin-left:0;animation-delay:0s}.connect-placeholder-avatar:nth-child(2){animation-delay:.1s}.connect-placeholder-avatar:nth-child(3){animation-delay:.2s}@keyframes avatarPop{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.connect-empty-card h4{font-size:1.1rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.connect-empty-card p{font-size:.9rem;color:var(--text-light);max-width:260px;line-height:1.5;margin:0}@media(max-width:768px){.connect-layout,.people-grid{grid-template-columns:1fr}}.nearby-section{padding:80px 2rem;background:var(--bg)}.nearby-prompt{text-align:center;padding:3rem 2rem;background:var(--card);border-radius:var(--radius);box-shadow:var(--neu-shadow);display:flex;flex-direction:column;align-items:center;gap:.8rem;max-width:500px;margin:0 auto}.nearby-prompt h3{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.nearby-prompt p{font-size:.9rem;color:var(--text-light);max-width:340px;line-height:1.6}.nearby-prompt-icon{position:relative;display:flex;align-items:center;justify-content:center}.nearby-pulse{position:absolute;width:60px;height:60px;border-radius:50%;border:2px solid var(--primary);opacity:0;animation:nearbyPulse 2s ease-out infinite}@keyframes nearbyPulse{0%{transform:scale(.8);opacity:.6}to{transform:scale(2.2);opacity:0}}.nearby-loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nearby-options{display:flex;gap:12px;margin-top:.5rem}.nearby-options .btn{gap:6px}.nearby-manual-form{display:flex;gap:8px;width:100%;max-width:400px;margin-top:.5rem}.nearby-manual-form input{flex:1;padding:10px 14px;border-radius:14px;border:none;font-size:.9rem;outline:none;background:var(--input-bg);color:var(--text);box-shadow:var(--neu-shadow-inset);transition:box-shadow .3s,transform .2s;font-family:inherit}.nearby-manual-form input:focus{box-shadow:var(--neu-shadow-inset),0 0 0 3px var(--primary-glow)}.nearby-manual-form input::placeholder{color:var(--text-light)}.nearby-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--card);border-radius:18px;box-shadow:var(--neu-shadow-sm);margin-bottom:1rem;flex-wrap:wrap;gap:10px}.nearby-location-info{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--text-light)}.nearby-location-info strong{color:var(--text)}.nearby-live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:livePulse 2s ease-in-out infinite;box-shadow:0 0 8px #22c55e66}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.nearby-control-btns{display:flex;align-items:center;gap:8px}.nearby-ctrl-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border:none;border-radius:12px;font-size:.8rem;font-weight:600;cursor:pointer;background:var(--card);color:var(--text-light);box-shadow:var(--neu-shadow-sm);transition:all .3s}.nearby-ctrl-btn:hover{color:var(--text);transform:translateY(-1px);box-shadow:var(--neu-shadow)}.nearby-ctrl-btn:active{transform:scale(.96);box-shadow:var(--neu-shadow-pressed)}.nearby-stop-btn{color:var(--danger)}.nearby-stop-btn:hover{color:var(--danger);background:#ef444414}.nearby-radius-bar{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;flex-wrap:wrap}.nearby-radius-label{font-size:.83rem;font-weight:700;color:var(--text-light)}.nearby-radius-options{display:flex;gap:6px}.nearby-radius-chip{padding:6px 14px;border:none;border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer;background:var(--card);color:var(--text-light);box-shadow:var(--neu-shadow-sm);transition:all .3s}.nearby-radius-chip:hover{color:var(--primary);transform:translateY(-2px);box-shadow:var(--neu-shadow)}.nearby-radius-chip.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--neu-shadow-sm),0 4px 14px var(--primary-glow)}.nearby-count{font-size:.8rem;color:var(--text-light);margin-left:auto;font-weight:600}.nearby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.nearby-card{background:var(--card);border-radius:18px;padding:1.2rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:var(--neu-shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nearby-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-primary);transform:scaleY(0);transition:transform .3s;border-radius:0 3px 3px 0}.nearby-card:hover{transform:translateY(-3px);box-shadow:var(--neu-shadow)}.nearby-card:hover:before{transform:scaleY(1)}.nearby-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0;box-shadow:var(--neu-shadow-sm);transition:transform .3s}.nearby-card:hover .nearby-avatar{transform:scale(1.1) rotate(-5deg)}.nearby-info{flex:1;min-width:0}.nearby-info h4{font-size:.93rem;font-weight:700;margin-bottom:2px;letter-spacing:-.01em}.nearby-distance{font-size:.8rem;color:var(--primary);font-weight:700;display:block;margin-bottom:2px}.nearby-loc{font-size:.76rem;color:var(--text-light);display:block;margin-bottom:4px}.nearby-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.nearby-tag{font-size:.7rem;padding:2px 8px;border-radius:10px;background:var(--bg-alt);color:var(--text-light);font-weight:600}@media(max-width:768px){.nearby-grid{grid-template-columns:1fr}.nearby-controls,.nearby-radius-bar{flex-direction:column;align-items:flex-start}.nearby-count{margin-left:0}.nearby-options{flex-direction:column;width:100%}.nearby-options .btn{width:100%;justify-content:center}}.budget-section{padding:80px 2rem;background:var(--bg)}.budget-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.budget-card{background:var(--card);border-radius:var(--radius);padding:2rem;box-shadow:var(--neu-shadow);transition:all .35s cubic-bezier(.4,0,.2,1)}.budget-card:hover{transform:translateY(-4px);box-shadow:var(--neu-shadow-raised)}.budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.budget-header h3{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.budget-total{font-size:2.4rem;font-weight:900;margin-bottom:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.budget-total span{font-size:.88rem;font-weight:400;-webkit-text-fill-color:var(--text-light);background:none}.budget-items{display:flex;flex-direction:column;gap:.6rem}.budget-item{display:flex;justify-content:space-between;align-items:center;padding:.7rem .8rem;border-radius:14px;transition:all .25s}.budget-item:hover{box-shadow:var(--neu-shadow-sm);transform:translate(4px)}.budget-item-left{display:flex;align-items:center;gap:10px}.budget-item-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--neu-shadow-sm);transition:transform .3s}.budget-item:hover .budget-item-icon{transform:scale(1.1)}.budget-item-left span{font-size:.9rem;font-weight:500}.budget-item-right{text-align:right}.budget-item-right strong{font-size:.95rem;display:block;font-weight:700}.budget-item-right span{font-size:.78rem;color:var(--text-light)}.budget-bar{width:100%;height:8px;background:var(--bg-alt);border-radius:4px;margin-top:1.5rem;overflow:hidden;display:flex;box-shadow:var(--neu-shadow-inset)}.budget-bar div{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.budget-info h2{font-size:2rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.03em}.budget-info p{color:var(--text-light);margin-bottom:1.5rem;line-height:1.7}.budget-empty{padding:2rem 1rem;text-align:center;color:var(--text-light);font-size:.95rem}@media(max-width:768px){.budget-layout{grid-template-columns:1fr}.budget-layout>.budget-info{order:-1}}.cta{padding:100px 2rem;background:var(--bg);position:relative}.cta-inner{max-width:700px;margin:0 auto;text-align:center;padding:60px 40px;border-radius:32px;background:var(--card);box-shadow:var(--neu-shadow-raised);position:relative;overflow:hidden;z-index:1}.cta-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;z-index:0;pointer-events:none}.cta-glow-1{width:300px;height:300px;background:var(--primary-glow);top:-80px;right:-60px;animation:ctaFloat1 7s ease-in-out infinite alternate}.cta-glow-2{width:250px;height:250px;background:var(--accent-glow);bottom:-70px;left:-50px;animation:ctaFloat2 8s ease-in-out infinite alternate}@keyframes ctaFloat1{0%{transform:translate(0) scale(1)}to{transform:translate(-20px,20px) scale(1.15)}}@keyframes ctaFloat2{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-15px) scale(1.1)}}.cta-badge{display:inline-block;padding:6px 20px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);background:var(--card);box-shadow:var(--neu-shadow-sm);margin-bottom:1.5rem;position:relative;z-index:1}.cta h2{font-size:2.4rem;font-weight:900;margin-bottom:1rem;position:relative;z-index:1;color:var(--text);line-height:1.15;letter-spacing:-.04em}.cta p{font-size:1.05rem;color:var(--text-light);margin-bottom:2rem;max-width:460px;margin-left:auto;margin-right:auto;position:relative;z-index:1;line-height:1.7}.cta-btn{padding:15px 40px;font-size:1rem;border-radius:16px;position:relative;z-index:1;gap:8px;box-shadow:var(--neu-shadow),0 6px 25px var(--accent-glow);transition:all .35s cubic-bezier(.4,0,.2,1)}.cta-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:var(--neu-shadow-raised),0 12px 40px var(--accent-glow)}.cta-btn:active{transform:translateY(0) scale(.97);box-shadow:var(--neu-shadow-pressed)}.cta-btn svg{transition:transform .3s}.cta-btn:hover svg{transform:translate(5px)}@media(max-width:768px){.cta{padding:60px 1rem}.cta-inner{padding:40px 24px;border-radius:24px}.cta h2{font-size:1.8rem}.cta-btn{padding:13px 30px}}.footer{background:var(--footer-bg);color:var(--footer-text);padding:3rem 2rem 1.5rem;text-align:center;transition:background .4s;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-glow),var(--accent-glow),transparent)}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.footer a{color:var(--footer-text);text-decoration:none;font-size:.88rem;transition:all .3s;display:inline-block;font-weight:500;letter-spacing:-.01em}.footer a:hover{color:#fff;transform:translateY(-2px)}.copy{font-size:.8rem;margin-top:1rem;opacity:.7}.location-input-wrap{position:relative}.location-input-wrap input{width:100%;padding:12px 16px;border-radius:14px;border:none;font-size:.9rem;outline:none;background:var(--input-bg);color:var(--text);box-shadow:var(--neu-shadow-inset);transition:box-shadow .3s,transform .2s;font-family:inherit}.location-input-wrap input:focus{box-shadow:var(--neu-shadow-inset),0 0 0 3px var(--primary-glow);transform:scale(1.01)}.location-input-wrap input::placeholder{color:var(--text-light)}.location-spinner{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:locSpin .6s linear infinite}@keyframes locSpin{to{transform:translateY(-50%) rotate(360deg)}}.location-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card-elevated);border-radius:16px;box-shadow:var(--neu-shadow-raised),0 12px 40px #00000014;border:1px solid var(--border);padding:6px;z-index:300;max-height:220px;overflow-y:auto;animation:modalIn .2s cubic-bezier(.21,1.02,.73,1)}.location-option{display:flex;align-items:flex-start;gap:8px;width:100%;text-align:left;padding:10px 12px;background:none;border:none;border-radius:10px;font-size:.84rem;font-weight:500;color:var(--text);cursor:pointer;line-height:1.4;transition:all .2s}.location-option:hover{background:var(--bg-alt);box-shadow:var(--neu-shadow-inset);padding-left:16px}.location-option svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.modal-overlay{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease}.modal{background:var(--card-elevated);border-radius:28px;padding:2.5rem;max-width:560px;width:92%;max-height:90vh;overflow-y:auto;scrollbar-width:none}.modal::-webkit-scrollbar{display:none;box-shadow:var(--neu-shadow-raised),0 25px 60px #0000001f;animation:modalIn .4s cubic-bezier(.21,1.02,.73,1);border:1px solid var(--border)}.modal h2{font-size:1.5rem;margin-bottom:1.5rem;font-weight:800;letter-spacing:-.03em}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-weight:600;font-size:.85rem;margin-bottom:6px;letter-spacing:-.01em;color:var(--text)}.form-group input,.form-group select{width:100%;padding:12px 16px;border-radius:14px;border:none;font-size:.9rem;outline:none;background:var(--input-bg);color:var(--text);box-shadow:var(--neu-shadow-inset);transition:box-shadow .3s,transform .2s;font-family:inherit}.form-group input:focus,.form-group select:focus{box-shadow:var(--neu-shadow-inset),0 0 0 3px var(--primary-glow);transform:scale(1.01)}.form-group input::placeholder{color:var(--text-light)}.modal-actions{display:flex;gap:12px;margin-top:1.5rem}.modal-actions .btn{flex:1;justify-content:center}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo-option{position:relative;border:none;padding:0;cursor:pointer;border-radius:12px;overflow:hidden;aspect-ratio:16 / 10;box-shadow:var(--neu-shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--bg-alt)}.photo-option img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.photo-option:hover{box-shadow:var(--neu-shadow);transform:scale(1.03)}.photo-option:hover img{transform:scale(1.08)}.photo-option.selected{box-shadow:0 0 0 3px var(--primary),var(--neu-shadow);transform:scale(1.02)}.photo-check{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;animation:photoCheckIn .25s cubic-bezier(.21,1.02,.73,1)}@keyframes photoCheckIn{0%{transform:scale(0)}to{transform:scale(1)}}.photo-grid-loading{display:flex;align-items:center;gap:10px;padding:1.5rem;justify-content:center;color:var(--text-light);font-size:.88rem}.photo-credit{display:block;margin-top:6px;font-size:.72rem;color:var(--text-light);text-align:right}.photo-credit a{color:var(--primary);text-decoration:none}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg);animation:pageIn .5s cubic-bezier(.4,0,.2,1) both;position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,var(--primary-glow),transparent 70%);top:-150px;right:-100px;filter:blur(60px);animation:floatBlob 10s ease-in-out infinite alternate}.auth-page:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow),transparent 70%);bottom:-100px;left:-100px;filter:blur(60px);animation:floatBlob 8s ease-in-out infinite alternate-reverse}@keyframes floatBlob{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-20px) scale(1.1)}}.auth-card{background:var(--card);border-radius:28px;padding:2.5rem;width:100%;max-width:440px;box-shadow:var(--neu-shadow-raised);animation:modalIn .5s cubic-bezier(.21,1.02,.73,1) .1s both;position:relative;z-index:1}.auth-card-wide{max-width:540px}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:inline-flex;align-items:center;gap:8px;font-size:1.4rem;font-weight:700;color:var(--primary);text-decoration:none;margin-bottom:1.5rem;transition:transform .3s}.auth-logo:hover{transform:scale(1.05)}.auth-logo img{filter:drop-shadow(0 2px 6px var(--primary-glow))}.auth-header h1{font-size:1.8rem;font-weight:800;margin-bottom:.4rem;letter-spacing:-.03em}.auth-header p{color:var(--text-light);font-size:.93rem}.auth-error{background:#ef444414;color:var(--danger);border-radius:14px;padding:10px 14px;font-size:.88rem;margin-bottom:1.2rem;box-shadow:var(--neu-shadow-sm);animation:shakeX .4s ease;font-weight:500}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.auth-submit{width:100%;justify-content:center;padding:13px;font-size:.95rem;margin-top:.5rem}.auth-switch{text-align:center;margin-top:1.5rem;font-size:.88rem;color:var(--text-light)}.auth-switch a{color:var(--primary);text-decoration:none;font-weight:700;transition:all .2s}.auth-switch a:hover{text-decoration:underline;text-underline-offset:3px}.step-indicator{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;position:relative}.step-indicator:before{content:"";position:absolute;top:19px;left:25%;right:25%;height:2px;background:var(--bg-alt);box-shadow:var(--neu-shadow-inset);border-radius:1px;z-index:0}.step-dot{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}.step-dot span{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.88rem;background:var(--card);color:var(--text-light);box-shadow:var(--neu-shadow-sm);transition:all .4s cubic-bezier(.4,0,.2,1)}.step-dot.active span{background:var(--gradient-primary);color:#fff;box-shadow:var(--neu-shadow-sm),0 4px 16px var(--primary-glow);transform:scale(1.12)}.step-dot small{font-size:.73rem;color:var(--text-light);transition:all .3s;font-weight:500}.step-dot.active small{color:var(--primary);font-weight:700}.step-content{animation:stepIn .4s cubic-bezier(.4,0,.2,1) both}@keyframes stepIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border-radius:14px;border:none;font-size:.9rem;outline:none;background:var(--input-bg);color:var(--text);box-shadow:var(--neu-shadow-inset);transition:box-shadow .3s,transform .2s;font-family:inherit}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:var(--neu-shadow-inset),0 0 0 3px var(--primary-glow);transform:scale(1.01)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light)}.form-hint{font-size:.82rem;color:var(--text-light);margin-bottom:.8rem}.interest-grid{display:flex;flex-wrap:wrap;gap:8px}.interest-chip{padding:8px 18px;border-radius:24px;border:none;background:var(--card);font-size:.84rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text);font-weight:500;box-shadow:var(--neu-shadow-sm)}.interest-chip:hover{transform:translateY(-2px);box-shadow:var(--neu-shadow);color:var(--primary)}.interest-chip.selected{background:var(--gradient-primary);color:#fff;box-shadow:var(--neu-shadow-sm),0 4px 16px var(--primary-glow);transform:scale(1.06)}.auth-nav-buttons{display:flex;gap:12px;margin-top:.5rem}.auth-nav-buttons .btn{flex:1;justify-content:center;padding:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{transform:scale(.88) translateY(24px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media(max-width:768px){.auth-card{padding:1.5rem;border-radius:22px}.form-row{grid-template-columns:1fr}.auth-header h1{font-size:1.5rem}}.trip-detail-page{min-height:100vh;background:var(--bg);animation:pageIn .5s cubic-bezier(.4,0,.2,1) both}.trip-detail-loading{text-align:center;padding:4rem 2rem;color:var(--text-light);font-size:1.1rem}.trip-detail-nav{padding:1rem 2rem;background:var(--card);box-shadow:var(--neu-shadow-sm)}.back-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-weight:600;font-size:.93rem;transition:all .3s;letter-spacing:-.01em}.back-link:hover{color:var(--primary);transform:translate(-4px)}.td-back-btn{position:absolute;top:80px;left:16px;z-index:2;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;text-decoration:none;transition:all .25s;border:1px solid rgba(255,255,255,.15)}.td-back-btn:hover{background:#0000008c;transform:scale(1.1)}.td-back-btn:active{transform:scale(.95)}.trip-detail-banner{height:240px;display:flex;align-items:flex-end;padding:2rem;position:relative}.trip-detail-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65),transparent 60%)}.trip-detail-banner-content{position:relative;z-index:1;display:flex;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;width:100%;animation:pageIn .5s cubic-bezier(.4,0,.2,1) .15s both}.trip-detail-banner-content h1{color:#fff;font-size:2.4rem;font-weight:900;text-shadow:0 3px 12px rgba(0,0,0,.3);letter-spacing:-.03em}.trip-detail-body{max-width:1200px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 360px;gap:2rem}.td-section{background:var(--card);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--neu-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);animation:pageIn .5s cubic-bezier(.4,0,.2,1) both}.td-section:nth-child(2){animation-delay:.1s}.td-section:hover{transform:translateY(-2px);box-shadow:var(--neu-shadow-raised)}.td-section h2{font-size:1.12rem;font-weight:700;margin-bottom:1rem;padding-bottom:.8rem;box-shadow:inset 0 -1px 0 var(--border);letter-spacing:-.01em}.td-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.td-info-item{padding:.8rem;border-radius:14px;box-shadow:var(--neu-shadow-sm);transition:all .3s}.td-info-item:hover{transform:scale(1.02);box-shadow:var(--neu-shadow)}.td-info-label{display:block;font-size:.72rem;color:var(--text-light);font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.8px}.td-info-value{font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.td-progress-wrap{display:flex;flex-direction:column;gap:8px;margin-bottom:1rem}.td-progress-header{display:flex;justify-content:space-between;align-items:center}.td-progress-wrap .progress-bar{height:10px;border-radius:5px}.td-progress-label{font-size:.85rem;color:var(--text-light);font-weight:500}.td-progress-pct{font-size:.85rem;font-weight:800;color:var(--primary)}.td-checklist{display:flex;flex-direction:column;gap:4px}.td-check-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;transition:all .25s}.td-check-item:hover{background:var(--bg-alt);box-shadow:var(--neu-shadow-inset)}.td-check-item.done .td-check-label{text-decoration:line-through;color:var(--text-light)}.td-check-toggle{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.td-check-toggle:hover{transform:scale(1.2) rotate(-5deg)}.td-check-label{flex:1;font-size:.9rem;font-weight:500;color:var(--text)}.td-check-delete{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-light);opacity:0;transition:all .2s;display:flex;align-items:center}.td-check-item:hover .td-check-delete{opacity:1}.td-check-delete:hover{color:var(--danger);transform:scale(1.15)}.td-add-task{display:flex;gap:8px;margin-top:1rem}.td-add-task input{flex:1;padding:10px 14px;border-radius:12px;border:none;font-size:.88rem;outline:none;background:var(--input-bg);color:var(--text);box-shadow:var(--neu-shadow-inset);transition:box-shadow .3s,transform .2s;font-family:inherit}.td-add-task input:focus{box-shadow:var(--neu-shadow-inset),0 0 0 3px var(--primary-glow)}.td-add-task input::placeholder{color:var(--text-light)}.td-add-task .btn{padding:10px 18px;font-size:.85rem}.td-members-list{display:flex;flex-direction:column;gap:.6rem}.td-member{display:flex;align-items:center;gap:10px;padding:.6rem .8rem;border-radius:14px;transition:all .3s;overflow:hidden}.td-member:hover{box-shadow:var(--neu-shadow-sm)}.td-member-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0;box-shadow:var(--neu-shadow-sm);transition:transform .3s}.td-member:hover .td-member-avatar{transform:scale(1.1)}.td-member-info{flex:1;min-width:0}.td-member-name{font-size:.88rem;font-weight:600;display:flex;align-items:center;gap:4px;letter-spacing:-.01em;flex-wrap:wrap}.td-member-email{font-size:.75rem;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.td-host-badge,.td-captain-badge,.td-vice-badge{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:2px 8px;border-radius:10px;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.td-host-badge{background:#10b9811f;color:#059669}.td-captain-badge{background:#f59e0b26;color:#d97706}.td-vice-badge{background:#6366f11f;color:#6366f1}[data-theme=dark] .td-host-badge{background:#34d39926;color:#34d399}[data-theme=dark] .td-captain-badge{background:#fbbf2426;color:#fbbf24}[data-theme=dark] .td-vice-badge{background:#818cf826;color:#818cf8}.td-role-actions{display:flex;gap:4px;flex-shrink:0}.td-role-btn{width:26px;height:26px;border-radius:7px;border:none;cursor:pointer;background:none;color:var(--text-light);display:flex;align-items:center;justify-content:center;transition:all .25s;padding:0;opacity:.5}.td-member:hover .td-role-btn{opacity:1}.td-role-btn:hover{color:var(--primary);background:var(--primary-glow);transform:scale(1.15)}.td-role-btn:active{transform:scale(.9)}.td-role-btn.active{opacity:1;color:#6366f1;background:#6366f11f}[data-theme=dark] .td-role-btn.active{color:#818cf8;background:#818cf826}.td-role-transfer:hover{color:#f59e0b;background:#f59e0b1f}.td-role-remove:hover{color:var(--danger);background:#ef44441f}.td-tab{flex:1;padding:8px 12px;font-size:.88rem;font-weight:600;color:var(--text-light);background:none;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}.td-empty{color:var(--text-light);font-size:.9rem;text-align:center;padding:1.5rem 0}.td-section-header{display:flex;justify-content:space-between;align-items:center}.td-section-header h2{margin-bottom:0;padding-bottom:0;box-shadow:none}.td-edit-btn{width:32px;height:32px;border-radius:10px;border:none;cursor:pointer;background:var(--card);color:var(--text-light);box-shadow:var(--neu-shadow-sm);display:flex;align-items:center;justify-content:center;transition:all .25s}.td-edit-btn:hover{color:var(--primary);box-shadow:var(--neu-shadow);transform:scale(1.08)}.td-edit-btn:active{box-shadow:var(--neu-shadow-pressed);transform:scale(.95)}.td-edit-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.td-edit-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.td-edit-actions{display:flex;gap:8px;margin-top:.5rem}.td-edit-actions .btn{flex:1;justify-content:center}.td-join-btn{width:100%;justify-content:center;margin-top:.5rem;padding:10px}.td-invite-actions{display:flex;gap:8px;margin-top:.5rem}.td-invite-actions .btn{flex:1;font-size:.82rem;padding:9px 10px}.td-invite-search{margin-top:.5rem}.td-invite-search input{width:100%;padding:10px 14px;border-radius:12px;border:none;font-size:.88rem;outline:none;background:var(--input-bg);color:var(--text);box-shadow:var(--neu-shadow-inset);transition:box-shadow .3s;font-family:inherit}.td-invite-search input:focus{box-shadow:var(--neu-shadow-inset),0 0 0 3px var(--primary-glow)}.td-invite-search input::placeholder{color:var(--text-light)}.td-invite-results{display:flex;flex-direction:column;gap:4px;margin-top:8px}.td-invite-result{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;border:none;background:none;cursor:pointer;color:var(--text);transition:all .2s;text-align:left;width:100%}.td-invite-result:hover{background:var(--bg-alt);box-shadow:var(--neu-shadow-sm)}.td-invite-result svg{color:var(--primary);flex-shrink:0}.td-invite-result-info{display:flex;flex-direction:column;min-width:0}.td-invite-result-name{font-size:.88rem;font-weight:600}.td-invite-result-email{font-size:.75rem;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.trip-detail-body{grid-template-columns:1fr;padding:1rem}.trip-detail-banner-content h1{font-size:1.8rem}.td-info-grid{grid-template-columns:1fr}}.trips-page{min-height:100vh;background:var(--bg);animation:pageIn .5s cubic-bezier(.4,0,.2,1) both}.trips-container{max-width:1100px;margin:0 auto;padding:2rem}.trips-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-actions .local-search-bar{margin-bottom:0;max-width:220px;height:40px}.trips-page-title{font-size:2rem;font-weight:900;margin-bottom:.3rem;letter-spacing:-.04em}.trips-page-header p{color:var(--text-light);font-size:.93rem}.trips-page-loading{text-align:center;color:var(--text-light);padding:3rem 0}.trips-page-empty{text-align:center;padding:4rem 2rem;background:var(--card);border-radius:var(--radius);box-shadow:var(--neu-shadow);display:flex;flex-direction:column;align-items:center;gap:.6rem}.trips-page-empty h3{font-size:1.2rem;font-weight:700;margin-top:.5rem;letter-spacing:-.01em}.trips-page-empty p{color:var(--text-light);font-size:.9rem;max-width:280px}.trips-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.trip-page-card{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--neu-shadow);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative}.trip-page-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius);padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s;z-index:1;pointer-events:none}.trip-page-card:hover{transform:translateY(-5px);box-shadow:var(--neu-shadow-raised)}.trip-page-card:hover:before{opacity:.4}.trip-page-card-banner{height:120px;display:flex;align-items:flex-end;padding:1rem 1.2rem;position:relative}.trip-page-card-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.trip-page-card-banner h3{color:#fff;font-size:1.12rem;font-weight:700;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:-.01em}.trip-page-card-body{padding:1.2rem}.trip-page-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.trip-page-dates{font-size:.8rem;color:var(--text-light);font-weight:500}.trip-page-avatars{display:flex;margin-bottom:.8rem}.trip-page-avatar{width:32px;height:32px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;margin-left:-8px;border:2.5px solid var(--card);box-shadow:var(--neu-shadow-sm);transition:transform .25s cubic-bezier(.4,0,.2,1)}.trip-page-avatar:first-child{margin-left:0}.trip-page-avatar:hover{transform:scale(1.2) translateY(-2px);z-index:1}.trip-page-avatar-more{background:var(--text-light);font-size:.68rem}.trip-page-footer{margin-bottom:.4rem}.trip-page-budget{font-size:.84rem;color:var(--text-light)}.trip-page-budget strong{color:var(--primary);font-weight:700}.trip-page-card-actions{display:flex;gap:8px;margin-top:1rem}.trip-page-card-actions .btn{flex:1;justify-content:center}.trip-page-card-banner .visibility-badge{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:.68rem;font-weight:700;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.vis-open{background:#10b98140;color:#a7f3d0;border:1px solid rgba(16,185,129,.3)}.vis-invite{background:#6366f140;color:#c7d2fe;border:1px solid rgba(99,102,241,.3)}.vis-private{background:#ef444440;color:#fecaca;border:1px solid rgba(239,68,68,.3)}.trips-tabs{display:flex;gap:4px;margin-bottom:1.5rem;background:var(--bg-alt);border-radius:14px;padding:4px;box-shadow:var(--neu-shadow-inset);max-width:380px}.trips-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;font-size:.9rem;font-weight:600;color:var(--text-light);background:none;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.trips-tab:hover{color:var(--text)}.trips-tab.active{color:var(--primary);background:var(--card);box-shadow:var(--neu-shadow-sm);font-weight:700}.trips-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:20px;font-size:.72rem;font-weight:700;background:var(--bg-alt);color:var(--text-light);transition:all .3s}.trips-tab.active .trips-tab-count{background:var(--primary);color:#fff}.filter-sort-bar{display:flex;align-items:center;gap:10px;margin-bottom:1.2rem;flex-wrap:wrap;position:relative}.filter-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--card);color:var(--text-light);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease;box-shadow:var(--neu-shadow-sm)}.filter-chip:hover{border-color:var(--primary);color:var(--text)}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px var(--primary-glow)}.filter-chip svg{opacity:.7}.filter-chip.active svg{opacity:1;stroke:#fff}.filter-divider{width:1px;height:24px;background:var(--border);flex-shrink:0}.sort-wrap{position:relative;flex-shrink:0;margin-left:auto}.sort-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--card);color:var(--text-light);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:var(--neu-shadow-sm)}.sort-btn:hover{border-color:var(--primary);color:var(--text)}.sort-btn.active{border-color:var(--primary);color:var(--primary)}.sort-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--card-elevated);border-radius:14px;box-shadow:var(--neu-shadow-raised),0 12px 40px #00000014;border:1px solid var(--border);min-width:180px;padding:4px;z-index:50;animation:dropIn .2s cubic-bezier(.21,1.02,.73,1)}.sort-option{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;background:none;border:none;border-radius:10px;font-size:.84rem;font-weight:500;color:var(--text);cursor:pointer;transition:all .15s;text-align:left}.sort-option:hover{background:var(--bg-alt)}.sort-option.active{color:var(--primary);font-weight:700;background:var(--primary-glow)}.sort-option-check{width:16px;display:flex;align-items:center;justify-content:center}.local-search-bar{display:flex;align-items:center;gap:8px;background:var(--card);border-radius:12px;padding:0 14px;height:42px;max-width:380px;margin-bottom:1.5rem;box-shadow:var(--neu-shadow-sm);border:1.5px solid transparent;transition:all .25s ease}.local-search-bar:focus-within{border-color:var(--primary);box-shadow:var(--neu-shadow-sm),0 0 0 3px var(--primary-glow)}.local-search-bar svg{color:var(--text-light);flex-shrink:0;opacity:.5;transition:opacity .2s}.local-search-bar:focus-within svg{opacity:1;color:var(--primary)}.local-search-bar input{flex:1;min-width:0;border:none;background:none;outline:none;font-size:.88rem;color:var(--text);font-weight:500}.local-search-bar input::placeholder{color:var(--text-light);opacity:.6}.local-search-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--bg-alt);border-radius:50%;cursor:pointer;color:var(--text-light);flex-shrink:0;transition:all .2s}.local-search-clear:hover{background:var(--border);color:var(--text)}@media(max-width:768px){.trips-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;flex-wrap:wrap}.header-actions .local-search-bar{max-width:100%!important;flex:1;min-width:0}.trips-page-grid{grid-template-columns:1fr}.trips-tabs{max-width:100%}.filter-sort-bar{flex-wrap:nowrap}}.people-page{min-height:100vh;background:var(--bg);animation:pageIn .5s cubic-bezier(.4,0,.2,1) both}.people-container{max-width:1100px;margin:0 auto;padding:2rem}.people-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.people-header .header-actions .local-search-bar{margin-bottom:0;max-width:220px;height:40px}.people-title{font-size:2rem;font-weight:900;margin-bottom:.3rem;letter-spacing:-.04em}.people-header p{color:var(--text-light);font-size:.93rem}.people-loading{text-align:center;color:var(--text-light);padding:3rem 0}.people-empty{text-align:center;padding:4rem 2rem;background:var(--card);border-radius:var(--radius);box-shadow:var(--neu-shadow);display:flex;flex-direction:column;align-items:center;gap:.6rem}.people-empty h3{font-size:1.2rem;font-weight:700;margin-top:.5rem}.people-empty p{color:var(--text-light);font-size:.9rem;max-width:280px}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.people-card{background:var(--card);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--neu-shadow);transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.8rem;position:relative;overflow:hidden}.people-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .35s cubic-bezier(.4,0,.2,1);transform-origin:left}.people-card:hover{transform:translateY(-5px);box-shadow:var(--neu-shadow-raised)}.people-card:hover:before{transform:scaleX(1)}.people-card-top{display:flex;align-items:center;gap:1rem}.people-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;flex-shrink:0;box-shadow:var(--neu-shadow-sm);transition:transform .35s cubic-bezier(.4,0,.2,1)}.people-card:hover .people-avatar{transform:scale(1.1) rotate(-5deg)}.people-name-wrap h3{font-size:1.05rem;font-weight:700;margin-bottom:2px;letter-spacing:-.01em}.people-location{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-light)}.people-section-label{display:block;font-size:.7rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.people-tags{display:flex;flex-wrap:wrap;gap:5px}.people-tag{font-size:.73rem;font-weight:600;padding:3px 10px;border-radius:12px}.people-tag.dream{background:#8b5cf61f;color:#8b5cf6}[data-theme=dark] .people-tag.dream{background:#c084fc26;color:#c084fc}.people-tag.interest{background:#06b6d41f;color:#0891b2}[data-theme=dark] .people-tag.interest{background:#22d3ee26;color:#22d3ee}.people-tag.more{background:var(--bg-alt);color:var(--text-light)}.people-goals{font-size:.84rem;color:var(--text-light);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.people-header{flex-direction:column;gap:1rem}.people-grid{grid-template-columns:1fr}}.budget-page{min-height:100vh;background:var(--bg);animation:pageIn .5s cubic-bezier(.4,0,.2,1) both}.budget-page-container{max-width:1100px;margin:0 auto;padding:2rem}.budget-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.budget-page-header .header-actions .local-search-bar{margin-bottom:0;max-width:220px;height:40px}.budget-page-title{font-size:2rem;font-weight:900;margin-bottom:.3rem;letter-spacing:-.04em}.budget-page-header p{color:var(--text-light);font-size:.93rem}.budget-page-loading{text-align:center;color:var(--text-light);padding:3rem 0}.budget-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:2rem}.budget-stat-card{background:var(--card);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--neu-shadow);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.budget-stat-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .35s;transform-origin:center}.budget-stat-card:hover{transform:translateY(-4px);box-shadow:var(--neu-shadow-raised)}.budget-stat-card:hover:before{transform:scaleX(1)}.budget-stat-label{display:block;font-size:.72rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.budget-stat-value{font-size:1.8rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.budget-page-empty{text-align:center;padding:4rem 2rem;background:var(--card);border-radius:var(--radius);box-shadow:var(--neu-shadow);display:flex;flex-direction:column;align-items:center;gap:.6rem}.budget-page-empty h3{font-size:1.2rem;font-weight:700;margin-top:.5rem}.budget-page-empty p{color:var(--text-light);font-size:.9rem;max-width:280px}.budget-trip-list{display:flex;flex-direction:column;gap:.6rem}.budget-trip-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:var(--card);border-radius:var(--radius);box-shadow:var(--neu-shadow-sm);text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.budget-trip-row:hover{transform:translateY(-2px) translate(4px);box-shadow:var(--neu-shadow)}.budget-trip-color{width:8px;height:48px;border-radius:4px;flex-shrink:0}.budget-trip-info{flex:1;min-width:0}.budget-trip-name{display:block;font-size:.95rem;font-weight:600;margin-bottom:2px;letter-spacing:-.01em}.budget-trip-dates{font-size:.78rem;color:var(--text-light)}.budget-trip-members{display:flex;flex-shrink:0}.budget-trip-avatar{width:28px;height:28px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:700;margin-left:-6px;border:2px solid var(--card);box-shadow:var(--neu-shadow-sm)}.budget-trip-avatar:first-child{margin-left:0}.budget-trip-amount{text-align:right;flex-shrink:0;min-width:100px}.budget-trip-amount strong{font-size:1rem;display:block;font-weight:700;color:var(--primary)}.budget-trip-progress{display:flex;align-items:center;gap:6px;margin-top:4px}.budget-trip-progress .progress-bar{flex:1;min-width:50px}.budget-trip-progress span{font-size:.7rem;color:var(--text-light);font-weight:600}@media(max-width:768px){.budget-stats{grid-template-columns:1fr}.budget-trip-members{display:none}.budget-trip-amount{min-width:auto}}.groups-page{min-height:100vh;background:var(--bg);animation:pageIn .5s cubic-bezier(.4,0,.2,1) both}.groups-container{max-width:1100px;margin:0 auto;padding:2rem}.groups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.groups-header .header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.groups-header .header-actions .local-search-bar{margin-bottom:0;max-width:220px;height:40px}.groups-title{display:inline-flex;align-items:center;gap:8px}.groups-header h1{font-size:2rem;font-weight:900;margin-bottom:.3rem;letter-spacing:-.04em}.groups-header p{color:var(--text-light);font-size:.93rem}.groups-loading{text-align:center;color:var(--text-light);padding:3rem 0}.groups-empty{text-align:center;padding:4rem 2rem;background:var(--card);border-radius:var(--radius);box-shadow:var(--neu-shadow);display:flex;flex-direction:column;align-items:center;gap:.6rem}.groups-empty h3{font-size:1.2rem;font-weight:700;margin-top:.5rem}.groups-empty p{color:var(--text-light);font-size:.9rem;max-width:280px}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.group-card{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--neu-shadow);transition:all .35s cubic-bezier(.4,0,.2,1)}.group-card:hover{transform:translateY(-5px);box-shadow:var(--neu-shadow-raised)}.group-card-banner{height:100px;display:flex;align-items:flex-end;padding:1rem 1.2rem;position:relative}.group-card-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.group-card-banner h3{color:#fff;font-size:1.12rem;font-weight:700;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:-.01em}.group-card-body{padding:1.2rem}.group-desc{font-size:.88rem;color:var(--text-light);margin-bottom:.8rem;line-height:1.5}.group-meta{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.group-member-count{display:flex;align-items:center;gap:5px;font-size:.82rem;color:var(--text-light);font-weight:500}.group-role-badge{font-size:.7rem;font-weight:700;padding:2px 10px;border-radius:20px;background:var(--primary-glow);color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.group-role-badge.member{background:#22c55e26;color:var(--success)}.group-members-preview{display:flex;margin-bottom:1rem}.group-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;margin-left:-8px;border:2.5px solid var(--card);box-shadow:var(--neu-shadow-sm);transition:transform .25s cubic-bezier(.4,0,.2,1)}.group-avatar:first-child{margin-left:0}.group-avatar:hover{transform:scale(1.2) translateY(-2px);z-index:1}.group-avatar:nth-child(2){background:#ec4899}.group-avatar:nth-child(3){background:#10b981}.group-avatar:nth-child(4){background:#8b5cf6}.group-avatar:nth-child(5){background:#f59e0b}.group-avatar-more{background:var(--text-light);font-size:.68rem}.group-card-actions{display:flex;gap:8px}.group-card-actions .btn{flex:1;justify-content:center}@media(max-width:768px){.groups-header{flex-direction:column;gap:1rem}.groups-grid{grid-template-columns:1fr}}.group-detail-page{min-height:100vh;background:var(--bg);animation:pageIn .5s cubic-bezier(.4,0,.2,1) both}.gd-banner{height:200px;display:flex;align-items:flex-end;padding:2rem;position:relative}.gd-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65),transparent 60%)}.gd-banner-content{position:relative;z-index:1;max-width:1100px;margin:0 auto;width:100%}.gd-banner-content h1{color:#fff;font-size:2.2rem;font-weight:900;text-shadow:0 3px 12px rgba(0,0,0,.3);letter-spacing:-.03em}.gd-banner-content p{color:#fffc;font-size:.93rem;margin-top:.3rem}.gd-body{max-width:1100px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 320px;gap:2rem}.gd-trips-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.gd-trips-header h2{margin-bottom:0;padding-bottom:0;border-bottom:none}.gd-share-wrap{position:relative}.gd-share-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--card-elevated);border-radius:16px;box-shadow:var(--neu-shadow-raised),0 12px 40px #00000014;border:1px solid var(--border);min-width:200px;padding:6px;z-index:50;animation:modalIn .25s cubic-bezier(.21,1.02,.73,1)}.gd-share-dropdown button{display:block;width:100%;text-align:left;padding:10px 14px;background:none;border:none;border-radius:10px;font-size:.86rem;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s}.gd-share-dropdown button:hover{background:var(--bg-alt);padding-left:18px}.gd-trips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.gd-trip-card{background:var(--card);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--neu-shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.gd-trip-card:hover{transform:translateY(-4px);box-shadow:var(--neu-shadow)}.gd-trip-banner{height:80px;display:flex;align-items:flex-end;padding:.8rem 1rem;position:relative}.gd-trip-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.gd-trip-banner span{color:#fff;font-weight:700;font-size:.93rem;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.3)}.gd-trip-info{padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center}.gd-trip-dates{font-size:.78rem;color:var(--text-light)}.gd-trip-budget{font-size:.85rem;font-weight:700;color:var(--primary)}.td-tabs{display:flex;gap:4px;margin-bottom:1rem;background:var(--bg-alt);border-radius:14px;padding:4px;box-shadow:var(--neu-shadow-inset)}.td-tab{flex:1;padding:8px 12px;font-size:.88rem;font-weight:600;color:var(--text-light);background:none;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.td-tab:hover{color:var(--text)}.td-tab.active{color:var(--primary);background:var(--card);box-shadow:var(--neu-shadow-sm);font-weight:700}.request-actions{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.request-actions .btn{padding:5px 12px;font-size:.78rem}.gd-edit-btn{position:absolute;top:1rem;right:1rem;z-index:2;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.gd-edit-btn:hover{background:#ffffff40;transform:scale(1.05)}.gd-edit-banner{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:500px}.gd-edit-name{background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:.5rem .8rem;color:#fff;font-size:1.4rem;font-weight:800;outline:none}.gd-edit-name::placeholder{color:#ffffff80}.gd-edit-desc{background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:.4rem .8rem;color:#ffffffe6;font-size:.9rem;outline:none}.gd-edit-desc::placeholder{color:#fff6}.gd-edit-actions{display:flex;gap:.5rem;margin-top:.2rem}.gd-edit-cancel{background:#ffffff26!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important}.gd-edit-save{background:#fff!important;color:#1e293b!important;font-weight:700!important}@media(max-width:768px){.gd-body{grid-template-columns:1fr;padding:1rem}.gd-banner-content h1{font-size:1.6rem}.gd-trips-grid{grid-template-columns:1fr}}.settings-page{min-height:100vh;background:var(--bg);animation:pageIn .5s cubic-bezier(.4,0,.2,1) both}.settings-loading{text-align:center;padding:4rem 2rem;color:var(--text-light);font-size:1.1rem}.settings-container{max-width:700px;margin:0 auto;padding:2rem}.settings-title{font-size:2rem;font-weight:900;margin-bottom:1.5rem;letter-spacing:-.04em}.settings-avatar-row{display:flex;align-items:center;gap:16px;margin-bottom:1.5rem}.settings-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#ec4899);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:900;color:#fff;flex-shrink:0;box-shadow:var(--neu-shadow),0 4px 20px var(--primary-glow);letter-spacing:.02em}.settings-avatar-info{display:flex;flex-direction:column;gap:2px}.settings-avatar-name{font-size:1.2rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.settings-avatar-email{font-size:.86rem;color:var(--text-light)}.settings-section{background:var(--card);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--neu-shadow);transition:all .3s}.settings-section:hover{box-shadow:var(--neu-shadow-raised)}.settings-section .form-group{margin-bottom:1rem}.settings-section .form-group label{display:block;font-size:.83rem;font-weight:600;margin-bottom:6px;color:var(--text);letter-spacing:-.01em}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.settings-form-grid .form-group:nth-child(3){grid-column:1 / -1}.settings-input-disabled{opacity:.5;cursor:not-allowed}.settings-save-btn{width:100%;justify-content:center;padding:13px;font-size:.95rem;margin-top:.5rem}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;box-shadow:inset 0 -1px 0 var(--border)}.settings-row:last-child{box-shadow:none}.settings-row-info{display:flex;flex-direction:column;gap:2px}.settings-row-label{font-size:.93rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.settings-row-desc{font-size:.8rem;color:var(--text-light)}.settings-toggle{width:52px;height:30px;border-radius:15px;border:none;background:var(--bg-alt);box-shadow:var(--neu-shadow-inset);cursor:pointer;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1);flex-shrink:0}.settings-toggle.active{background:var(--gradient-primary);box-shadow:var(--neu-shadow-sm),0 2px 12px var(--primary-glow)}.settings-toggle-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--card);box-shadow:var(--neu-shadow-sm);display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.4,0,.2,1);color:var(--text-light)}.settings-toggle.active .settings-toggle-thumb{left:25px;color:var(--primary)}.settings-danger-zone{box-shadow:var(--neu-shadow),inset 0 0 0 2px #ef444433}.settings-danger-zone h2{color:var(--danger)}.settings-danger-label{color:var(--danger)!important}.settings-danger-btn{background:linear-gradient(135deg,#ef4444,#e11d48);color:#fff;box-shadow:var(--neu-shadow-sm),0 2px 12px #ef444440}.settings-danger-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--neu-shadow),0 6px 20px #ef444459}.settings-danger-btn:active{transform:translateY(0) scale(.97);box-shadow:var(--neu-shadow-pressed)}.settings-delete-warning{display:flex;align-items:flex-start;gap:12px;padding:14px;margin-top:1rem;background:#ef44440f;border-radius:14px;box-shadow:var(--neu-shadow-sm);animation:pageIn .3s cubic-bezier(.4,0,.2,1) both}.settings-delete-warning svg{color:var(--danger);flex-shrink:0;margin-top:2px}.settings-delete-warning div{flex:1}.settings-delete-warning strong{display:block;font-size:.9rem;color:var(--danger);margin-bottom:4px}.settings-delete-warning p{font-size:.82rem;color:var(--text-light);line-height:1.5}.settings-delete-warning .btn{flex-shrink:0;align-self:center}@media(max-width:768px){.settings-container{padding:1rem}.settings-title{font-size:1.6rem}.settings-form-grid{grid-template-columns:1fr}.settings-avatar{width:64px;height:64px;font-size:1.3rem}.settings-avatar-name{font-size:1.05rem}.settings-delete-warning{flex-direction:column}}.features-page{min-height:100vh;background:var(--bg)}.features-page-hero{padding:120px 2rem 40px;text-align:center}.features-page-hero h1{font-size:2.4rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-page-hero p{color:var(--text-light);font-size:1.1rem;max-width:500px;margin:0 auto}.features-detail-section{padding:40px 2rem 80px}.features-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem}.features-detail-card{background:var(--card);border-radius:var(--radius);padding:2rem;box-shadow:var(--neu-shadow);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.features-detail-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:3px 3px 0 0;transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1);transform-origin:left}.features-detail-card:hover:before{transform:scaleX(1)}.features-detail-card:hover{transform:translateY(-6px);box-shadow:var(--neu-shadow-raised)}.features-detail-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;box-shadow:var(--neu-shadow-sm);transition:all .35s cubic-bezier(.4,0,.2,1)}.features-detail-card:hover .features-detail-icon{transform:scale(1.12) rotate(-5deg);box-shadow:var(--neu-shadow)}.features-detail-card h3{font-size:1.15rem;margin-bottom:.6rem;font-weight:700;letter-spacing:-.01em}.features-detail-card p{color:var(--text-light);font-size:.92rem;line-height:1.7}@media(max-width:600px){.features-page-hero{padding:100px 1.5rem 30px}.features-page-hero h1{font-size:1.8rem}.features-detail-section{padding:30px 1.5rem 60px}}.dashboard{min-height:100vh;background:var(--bg)}.dashboard-hero{position:relative;padding:110px 2rem 60px;overflow:hidden}.dashboard-hero-bg{position:absolute;inset:0;background:var(--gradient-primary);opacity:.06;pointer-events:none}.dashboard-hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12;pointer-events:none;animation:orbFloat 8s ease-in-out infinite}.dashboard-hero-orb-1{width:300px;height:300px;background:#6366f1;top:-60px;right:10%;animation-delay:0s}.dashboard-hero-orb-2{width:200px;height:200px;background:#f59e0b;bottom:-40px;left:15%;animation-delay:-4s}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.dashboard-hero-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:relative}.dashboard-greeting h1{font-size:1.85rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.25rem}.dashboard-greeting p{color:var(--text-light);font-size:1.05rem}.dashboard-hero-cta{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.8rem;border-radius:50px;border:none;background:var(--gradient-primary);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;position:relative;transform:translateY(0);box-shadow:0 4px 6px #6366f140,0 8px 20px #6366f133,inset 0 1px #fff3;transition:all .25s cubic-bezier(.4,0,.2,1)}.dashboard-hero-cta:hover{transform:translateY(-3px);box-shadow:0 6px 12px #6366f14d,0 14px 32px #6366f140,inset 0 1px #ffffff40}.dashboard-hero-cta:active{transform:translateY(0);box-shadow:0 2px 4px #6366f14d,0 4px 8px #6366f126,inset 0 2px 4px #0000001a}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin:-28px 0 2.5rem;position:relative;z-index:1;perspective:1000px}.dash-tile{--shine-x: 50%;--shine-y: 50%;--tile-glow: rgba(99, 102, 241, .3);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem;padding:2rem 1.2rem 1.6rem;background:var(--card);border-radius:20px;text-decoration:none;color:var(--text);transform-style:preserve-3d;transform:perspective(600px) rotateX(0) rotateY(0);transition:transform .4s cubic-bezier(.03,.98,.52,.99),box-shadow .4s cubic-bezier(.03,.98,.52,.99);box-shadow:0 2px 4px #0000000a,0 8px 16px #0000000f,0 16px 32px #0000000a;overflow:hidden;will-change:transform}[data-theme=dark] .dash-tile{box-shadow:0 2px 4px #0003,0 8px 16px #00000026,0 16px 32px #0000001a}.dash-tile:hover{box-shadow:0 4px 8px #0000000f,0 16px 32px #00000014,0 24px 48px var(--tile-glow)}[data-theme=dark] .dash-tile:hover{box-shadow:0 4px 8px #0000004d,0 16px 32px #0003,0 24px 48px var(--tile-glow)}.dash-tile-shine{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(255,255,255,.2) 0%,transparent 60%);pointer-events:none;z-index:2;opacity:0;transition:opacity .3s ease}.dash-tile:hover .dash-tile-shine{opacity:1}.dash-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.5) 50%,transparent 90%);border-radius:20px 20px 0 0;z-index:3}[data-theme=dark] .dash-tile:before{background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.08) 50%,transparent 90%)}.dash-tile-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;transform:translateZ(30px);box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff40;transition:transform .4s cubic-bezier(.03,.98,.52,.99)}.dash-tile:hover .dash-tile-icon{transform:translateZ(40px) scale(1.08)}.dash-tile-label{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;transform:translateZ(20px)}.dash-tile-desc{font-size:.82rem;color:var(--text-light);line-height:1.4;transform:translateZ(10px)}.dash-tile-reflection{position:absolute;bottom:0;left:20%;right:20%;height:50%;opacity:.06;filter:blur(24px);border-radius:50%;pointer-events:none;transition:opacity .3s ease}.dash-tile:hover .dash-tile-reflection{opacity:.12}@media(max-width:768px){.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:-18px}.dashboard-hero{padding:100px 1.5rem 48px}.dashboard-hero-content{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-greeting h1{font-size:1.4rem}.dash-tile{transform:none!important}.dash-tile:hover{transform:translateY(-4px)!important}}@media(max-width:420px){.dashboard-grid{gap:.75rem}.dash-tile{padding:1.5rem .75rem 1.2rem;border-radius:16px}.dash-tile-icon{width:48px;height:48px;border-radius:14px}}