:root{--mobile-padding:1rem;--tablet-padding:1.5rem;--desktop-padding:2rem}.home-container{width:100%;min-height:100vh}.home-main{width:100%;max-width:100%;padding:0}.home-welcome-screen{padding:120px var(--desktop-padding) 80px;text-align:center}.home-section{padding:60px var(--desktop-padding);max-width:1400px;margin:0 auto}.home-hero-title{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1;margin-bottom:1.5rem}.home-hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);max-width:700px;margin:0 auto 2rem;line-height:1.6}.home-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;max-width:800px;margin:0 auto;padding:2rem 0}.home-stat-item{text-align:center}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.quick-action-card{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.leaderboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.leaderboard-card{display:flex;flex-direction:column;min-height:180px}.leaderboard-user-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.leaderboard-avatar{width:64px;height:64px;flex-shrink:0}.leaderboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1rem;margin-top:1rem}.section-header{padding:0 1rem}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:.75rem}.section-subtitle{font-size:clamp(.95rem,2vw,1.125rem)}.trending-cities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.trending-city-card{display:flex;flex-direction:column;min-height:320px}.experience-rings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;justify-items:center}.experience-ring-card{text-align:center;padding:1.5rem;min-width:180px}.seasonal-highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.seasonal-highlight-card{padding:2rem 1.5rem;text-align:center}@media (max-width:1024px){.home-welcome-screen{padding:100px var(--tablet-padding) 60px}.home-section{padding:50px var(--tablet-padding)}.home-stats-row{gap:1.5rem}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.leaderboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.trending-cities-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width:768px){.home-welcome-screen{padding:80px var(--mobile-padding) 40px}.home-section{padding:40px var(--mobile-padding)}.home-hero-title{font-size:2rem;margin-bottom:1rem}.home-hero-subtitle{font-size:1rem;line-height:1.5}.home-stats-row{grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:1.5rem 0}.home-stat-item{padding:1rem}.quick-actions-grid{grid-template-columns:1fr;gap:1rem}.quick-action-card{min-height:100px;padding:1.5rem 1rem}.quick-action-icon{font-size:2rem}.quick-action-label{font-size:1rem}.leaderboard-grid{grid-template-columns:1fr;gap:1rem}.leaderboard-card{padding:1.25rem;min-height:auto}.leaderboard-user-info{gap:.75rem}.leaderboard-avatar{width:56px;height:56px}.leaderboard-username{font-size:1rem}.leaderboard-title{font-size:.85rem}.leaderboard-stats{grid-template-columns:repeat(3,1fr);gap:.75rem}.leaderboard-stat{font-size:.85rem}.section-header{margin-bottom:2rem;padding:0 .5rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:.95rem}.section-badge{font-size:.75rem;padding:.4rem .85rem}.trending-cities-grid{grid-template-columns:1fr;gap:1rem}.trending-city-card{min-height:280px}.city-card-header{padding:1rem}.city-emoji{font-size:2.5rem}.city-info h3{font-size:1.5rem}.experience-rings-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.experience-ring-card{padding:1rem;min-width:auto}.experience-icon{font-size:2rem}.experience-name{font-size:.85rem}.seasonal-highlights-grid{grid-template-columns:1fr;gap:1rem}.seasonal-highlight-card{padding:1.5rem 1rem}.section-cta{margin-top:2rem}.section-cta-btn{padding:1rem 1.5rem;font-size:.95rem}}@media (max-width:480px){.home-welcome-screen{padding:60px 1rem 30px}.home-section{padding:30px 1rem}.home-hero-title{font-size:1.75rem}.home-hero-subtitle{font-size:.9rem}.home-stats-row{grid-template-columns:1fr 1fr;gap:1rem}.home-stat-value{font-size:2rem}.home-stat-label{font-size:.75rem}.quick-action-card{min-height:90px;padding:1.25rem 1rem}.leaderboard-avatar{width:48px;height:48px}.leaderboard-rank-badge{width:32px;height:32px;font-size:.85rem}.experience-rings-grid{grid-template-columns:1fr}.section-badge span{font-size:1.25rem}}@media (max-height:768px) and (orientation:landscape){.home-welcome-screen{padding:60px var(--mobile-padding) 30px}.home-section{padding:30px var(--mobile-padding)}.home-hero-title{font-size:2rem;margin-bottom:.75rem}.home-stats-row{padding:1rem 0}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none}.show-mobile{display:block}}.text-center-mobile{text-align:left}@media (max-width:768px){.text-center-mobile{text-align:center}}img{max-width:100%;height:auto}body,html{overflow-x:hidden;overflow-y:auto;width:100%;-webkit-overflow-scrolling:touch}@media (max-width:768px){body,html{position:relative;overflow-x:hidden;overflow-y:auto!important;height:auto;min-height:100%;-webkit-overflow-scrolling:touch;touch-action:pan-y}.global-stage{height:auto;min-height:100vh}.global-aurora{display:none}.global-gradient{filter:none}[class*=backdrop-filter],[style*=backdrop-filter]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.profile-page-container{width:100%;min-height:100vh}.profile-main,.user-profile-main{width:100%;padding:0}.profile-hero-cover{height:280px}.profile-header-card{margin-top:120px;padding:2rem 1rem;background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.18);border-radius:24px;box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}.profile-header-content{padding:2rem 1.5rem;margin:0 1rem}.profile-avatar-wrapper{margin-top:-100px;margin-bottom:1.5rem}.profile-avatar-img,.profile-avatar-placeholder{width:140px;height:140px}.profile-info{padding:0 1rem;text-align:center}.profile-name{font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.2;margin-bottom:.5rem}.profile-username{margin-bottom:1rem}.profile-bio,.profile-username{font-size:clamp(.85rem,2vw,.95rem)}.profile-bio{line-height:1.6;padding:0 1rem;max-width:100%}.profile-stats-row{display:flex;justify-content:center;gap:2rem;padding:1.5rem 1rem;flex-wrap:wrap}.profile-stat-item{display:flex;flex-direction:column;align-items:center;min-width:80px}.profile-stat-value{font-size:1.5rem;font-weight:700;color:#fff}.profile-stat-label{font-size:.85rem;color:hsla(0,0%,100%,.6);margin-top:.25rem}.profile-actions{display:flex;gap:.75rem;padding:0 1rem;flex-wrap:wrap;justify-content:center}.edit-btn,.follow-btn,.share-btn{padding:.75rem 1.5rem;font-size:.95rem;white-space:nowrap;min-width:120px}.profile-tabs{display:flex;gap:.5rem;margin:2rem 1rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.5rem;background:hsla(0,0%,100%,.03);backdrop-filter:blur(10px);border-radius:16px}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{flex:1;min-width:80px;padding:1rem .75rem;font-size:.85rem;text-align:center;border-radius:12px;transition:all .3s ease;white-space:nowrap;background:transparent;border:1px solid transparent}.profile-tab.active{background:rgba(0,240,255,.1);border:1px solid rgba(0,240,255,.3);color:#00f0ff;box-shadow:0 0 20px rgba(0,240,255,.3)}.profile-tab-icon{font-size:1.1rem;margin-bottom:.25rem}.profile-tab-label{display:block;font-size:.75rem}.profile-content{padding:2rem 1rem}.profile-posts-grid{display:grid;grid-template-columns:1fr;gap:1rem}.profile-post-card{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:1.25rem;transition:all .3s ease;box-shadow:0 4px 16px 0 rgba(0,0,0,.2)}.profile-post-card:active{transform:scale(.98);background:hsla(0,0%,100%,.08);box-shadow:0 8px 24px 0 rgba(0,0,0,.3)}.profile-post-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:12px;margin-bottom:1rem}.profile-post-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem;line-height:1.3}.profile-post-content{font-size:.9rem;color:hsla(0,0%,100%,.6);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.profile-post-meta{display:flex;gap:1rem;margin-top:1rem;font-size:.85rem;color:hsla(0,0%,100%,.5)}.profile-badges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}.profile-badge-card{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.25rem;text-align:center;box-shadow:0 4px 16px 0 rgba(0,0,0,.2);transition:all .3s ease}.profile-badge-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px 0 rgba(0,0,0,.3)}.profile-badge-icon{font-size:2.5rem;margin-bottom:.75rem}.profile-badge-label{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.25rem}.profile-badge-desc{font-size:.8rem;color:hsla(0,0%,100%,.5)}.profile-locations-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem}.profile-location-card{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 16px 0 rgba(0,0,0,.2);transition:all .3s ease}.profile-location-card:hover{transform:translateX(4px);box-shadow:0 8px 24px 0 rgba(0,0,0,.3)}.profile-location-icon{font-size:2rem;flex-shrink:0}.profile-location-info{flex:1;min-width:0}.profile-location-name{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-location-date{font-size:.8rem;color:hsla(0,0%,100%,.5)}.profile-missions-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem}.profile-mission-card{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.25rem;box-shadow:0 4px 16px 0 rgba(0,0,0,.2);transition:all .3s ease}.profile-mission-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px 0 rgba(0,0,0,.3)}.profile-mission-header{display:flex;align-items:start;gap:1rem;margin-bottom:1rem}.profile-mission-icon{font-size:2rem;flex-shrink:0}.profile-mission-info{flex:1;min-width:0}.profile-mission-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.profile-mission-desc{font-size:.85rem;color:hsla(0,0%,100%,.6);line-height:1.4}.profile-mission-progress{margin-top:1rem}.profile-mission-progress-bar{height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.profile-mission-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#10b981);border-radius:3px;transition:width .3s ease}.profile-mission-progress-text{font-size:.8rem;color:hsla(0,0%,100%,.5)}.profile-empty-state{text-align:center;padding:3rem 1.5rem;color:hsla(0,0%,100%,.5)}.profile-empty-icon{font-size:3rem;margin-bottom:1rem}.profile-empty-text{font-size:1rem;color:hsla(0,0%,100%,.6);margin-bottom:1.5rem}.profile-empty-cta{display:inline-block;padding:.75rem 1.5rem;background:var(--japan-red);color:#fff;border-radius:50px;font-size:.9rem;font-weight:500;transition:all .2s ease}.profile-empty-cta:hover{background:var(--japan-red-hover)}@media (max-width:1024px){.profile-header-content{padding:2rem 1.5rem}.profile-name{font-size:1.75rem!important}.profile-badges-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.profile-hero-cover{height:200px}.profile-header-card{margin-top:80px;padding-top:60px;padding-left:0;padding-right:0}.profile-header-content{padding:1.5rem 1rem;margin:0 .75rem;border-radius:20px}.profile-avatar-wrapper{margin-top:-80px;margin-bottom:1rem}.profile-avatar-img,.profile-avatar-placeholder{width:100px;height:100px;font-size:2.5rem}.verified-badge{width:28px;height:28px;font-size:.9rem}.profile-name{font-size:1.5rem!important}.profile-bio,.profile-username{font-size:.9rem!important}.profile-bio{padding:0 .5rem}.profile-stats-row{gap:1.5rem;padding:1rem .5rem}.profile-stat-item{min-width:70px}.profile-stat-value{font-size:1.25rem}.profile-stat-label{font-size:.8rem}.profile-actions{flex-direction:column;padding:0 .5rem;gap:.5rem}.edit-btn,.follow-btn,.share-btn{width:100%;justify-content:center;padding:.85rem 1rem}.profile-tabs{margin:1.5rem 0 0;gap:0}.profile-tab{min-width:70px;min-height:44px;padding:.85rem .5rem;font-size:.75rem}.profile-tab-icon{font-size:1rem}.profile-tab-label{font-size:.7rem}.profile-content{padding:1.5rem .75rem}.profile-post-card{padding:1rem}.profile-post-image{height:180px}.profile-post-title{font-size:1rem}.profile-post-content{font-size:.85rem}.profile-post-meta{font-size:.8rem}.profile-badges-grid{grid-template-columns:1fr;padding:.75rem}.profile-badge-card{padding:1rem}.profile-badge-icon{font-size:2rem}.profile-locations-grid{padding:.75rem}.profile-location-card{padding:.85rem}.profile-location-icon{font-size:1.75rem}.profile-location-name{font-size:.95rem}.profile-missions-grid{padding:.75rem}.profile-mission-card{padding:1rem}.profile-mission-icon{font-size:1.75rem}.profile-mission-title{font-size:.95rem}.profile-mission-desc{font-size:.8rem}.profile-empty-state{padding:2rem 1rem}.profile-empty-icon{font-size:2.5rem}.profile-empty-text{font-size:.95rem}}@media (max-width:480px){.profile-hero-cover{height:160px}.profile-header-card{margin-top:60px;padding-top:50px}.profile-avatar-wrapper{margin-top:-70px}.profile-avatar-img,.profile-avatar-placeholder{width:90px;height:90px;font-size:2rem}.profile-name{font-size:1.35rem!important}.profile-stats-row{gap:1rem}.profile-stat-item{min-width:60px}.profile-stat-value{font-size:1.1rem}.profile-stat-label{font-size:.75rem}.profile-tab{min-width:65px;padding:.75rem .35rem}.profile-badges-grid{grid-template-columns:1fr}}@media (max-height:768px) and (orientation:landscape){.profile-hero-cover{height:180px}.profile-header-card{margin-top:80px}.profile-avatar-wrapper{margin-top:-70px}}@media (hover:none) and (pointer:coarse){.edit-btn,.follow-btn,.profile-badge-card,.profile-location-card,.profile-mission-card,.profile-post-card,.profile-tab,.share-btn{-webkit-tap-highlight-color:transparent}.edit-btn,.follow-btn,.share-btn{min-height:44px}}.profile-main,.profile-page-container,.user-profile-main{overflow-x:hidden;width:100%;max-width:100%}*{box-sizing:border-box}@media (max-width:768px){:root{--mobile-padding:1rem;--mobile-spacing:0.75rem;--mobile-header-height:60px;--mobile-nav-height:64px}body,html{overflow-x:hidden!important;width:100%;max-width:100vw;position:relative}body{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:none}.global-aurora{display:none!important}.global-gradient{filter:none!important;opacity:.5}[class*=backdrop-filter],[style*=backdrop-filter]{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.app-frame{padding:0!important;max-width:100%}.app-layout{grid-template-columns:1fr!important;grid-template-areas:"center"!important;gap:0!important;border-radius:0!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important}.app-layout:after{display:none}.app-layout>:not(:only-child):first-child,.app-layout>:not(:only-child):nth-child(3){display:none!important}.glass-nav{position:sticky!important;top:0;left:0;right:0;z-index:100!important;height:var(--mobile-nav-height);padding:.75rem 1rem!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(10,14,26,.9)!important;border-bottom:1px solid hsla(0,0%,100%,.1);border-radius:0!important}.nav-brand{font-size:1rem!important}.nav-logo{font-size:1.5rem!important}.nav-title{font-size:1rem!important}.nav-subtitle{font-size:.75rem!important}.nav-actions,.nav-links{display:none!important}.nav-mobile-toggle{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.nav-mobile-toggle:active{background:hsla(0,0%,100%,.1);transform:scale(.95)}.nav-drawer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.nav-drawer.open{opacity:1;visibility:visible}.nav-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:85%;max-width:320px;background:rgba(15,20,36,.98);backdrop-filter:blur(20px);padding:1.5rem;overflow-y:auto;transform:translateX(100%);transition:transform .3s ease;box-shadow:-10px 0 40px rgba(0,0,0,.5)}.nav-drawer.open .nav-drawer-panel{transform:translateX(0)}.nav-drawer-links{margin-top:2rem;display:flex;flex-direction:column;gap:.5rem}.nav-drawer-link{display:flex;align-items:center;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;font-size:.95rem;font-weight:500;transition:all .2s ease;min-height:52px;-webkit-tap-highlight-color:transparent}.nav-drawer-link:active{background:hsla(0,0%,100%,.1);transform:scale(.98)}.nav-drawer-link .nav-icon{font-size:1.25rem}.nav-drawer-actions{margin-top:2rem;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1)}.home-container{width:100%;min-height:100vh}.home-main{padding:0!important}.home-welcome-screen{padding:2rem var(--mobile-padding)!important;min-height:auto!important}.home-hero-title{font-size:2rem!important;line-height:1.2!important;margin-bottom:1rem!important}.home-hero-subtitle{font-size:1rem!important;line-height:1.5!important;margin-bottom:1.5rem!important}.home-section{padding:2rem var(--mobile-padding)!important}.home-stats-row{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;padding:1rem 0!important}.home-stat-item{padding:1rem;background:hsla(0,0%,100%,.05);border-radius:12px;text-align:center}.home-stat-value{font-size:1.75rem!important;font-weight:700;color:#fff}.home-stat-label{font-size:.8rem!important;color:hsla(0,0%,100%,.6);margin-top:.25rem}.quick-actions-grid{grid-template-columns:1fr!important;gap:.75rem!important}.quick-action-card{min-height:80px!important;padding:1.25rem 1rem!important;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;text-align:left}.quick-action-icon{font-size:2rem!important;flex-shrink:0}.quick-action-label{font-size:.95rem!important;flex:1}.section-header{margin-bottom:1.5rem!important;padding:0!important}.section-title{font-size:1.5rem!important;margin-bottom:.5rem}.section-subtitle{font-size:.9rem!important}.section-badge{font-size:.75rem!important;padding:.4rem .8rem!important}.leaderboard-grid{grid-template-columns:1fr!important;gap:.75rem!important}.leaderboard-card{padding:1rem!important;min-height:auto!important}.leaderboard-rank-badge{width:36px!important;height:36px!important;font-size:.9rem!important}.leaderboard-avatar{width:48px!important;height:48px!important}.leaderboard-username{font-size:.95rem!important}.leaderboard-title{font-size:.8rem!important}.leaderboard-stats{grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important;margin-top:.75rem}.leaderboard-stat-value{font-size:1rem!important}.leaderboard-stat-label{font-size:.7rem!important}.cities-grid,.trending-cities-grid{grid-template-columns:1fr!important;gap:1rem!important}.city-card,.trending-city-card{min-height:240px!important}.city-card-header{padding:1rem!important}.city-emoji{font-size:2.5rem!important}.city-info h3{font-size:1.25rem!important}.city-info p{font-size:.85rem!important}.profile-hero-cover{height:180px!important}.profile-header-card{margin:-60px 1rem 1rem!important;padding:0!important;border-radius:20px!important}.profile-header-content{padding:1rem!important}.profile-avatar-wrapper{margin-top:-50px!important;margin-bottom:1rem!important}.profile-avatar-img,.profile-avatar-placeholder{width:100px!important;height:100px!important;border:4px solid rgba(10,14,26,.9)}.verified-badge{width:28px!important;height:28px!important}.profile-info{padding:0 .5rem!important}.profile-name{font-size:1.5rem!important;margin-bottom:.5rem}.profile-username{font-size:.9rem!important;margin-bottom:.75rem}.profile-bio{font-size:.9rem!important;padding:0!important;line-height:1.5!important}.profile-stats-row{gap:1.25rem!important;padding:1rem 0!important;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-stat-item{min-width:70px!important;flex-shrink:0}.profile-stat-value{font-size:1.25rem!important}.profile-stat-label{font-size:.75rem!important}.profile-actions{display:flex!important;flex-direction:column!important;gap:.5rem!important;padding:0!important}.edit-btn,.follow-btn,.share-btn{width:100%!important;min-height:44px!important;padding:.85rem 1rem!important;justify-content:center}.profile-tabs{margin:0!important;padding:.5rem 1rem!important;gap:.5rem!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:hsla(0,0%,100%,.03);border-bottom:1px solid hsla(0,0%,100%,.1)}}@media (max-width:768px){.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{min-width:80px!important;min-height:44px!important;padding:.75rem .5rem!important;font-size:.8rem!important;flex-shrink:0;border-radius:8px}.profile-tab-icon{font-size:1rem!important}.profile-tab-label{font-size:.7rem!important}.profile-content{padding:1rem!important}.profile-posts-grid{gap:1rem!important}.profile-post-card{padding:1rem!important}.profile-post-image{height:200px!important;border-radius:8px!important}.profile-post-title{font-size:1rem!important}.profile-post-content{font-size:.85rem!important}.profile-badges-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important;padding:0!important}.profile-badge-card{padding:1rem!important}.profile-badge-icon{font-size:2rem!important}.profile-locations-grid{grid-template-columns:1fr!important;gap:.75rem!important;padding:0!important}.profile-location-card{padding:.75rem!important}.profile-missions-grid{grid-template-columns:1fr!important;gap:.75rem!important;padding:0!important}.profile-mission-card{padding:1rem!important}.blog-grid,.posts-grid{grid-template-columns:1fr!important;gap:1rem!important}.blog-card,.post-card{padding:1rem!important}.blog-image,.post-image{height:200px!important;border-radius:8px!important}.blog-title,.post-title{font-size:1.1rem!important}.blog-excerpt,.post-excerpt{font-size:.85rem!important}.blog-meta,.post-meta{font-size:.75rem!important}.form-container{padding:1rem!important}.form-group{margin-bottom:1rem!important}.form-label{font-size:.9rem!important;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%!important;min-height:44px!important;padding:.75rem!important;font-size:1rem!important;border-radius:8px}.form-textarea{min-height:120px!important}.btn{width:100%!important;min-height:44px!important;padding:.85rem 1rem!important;font-size:.95rem!important}.btn-group{display:flex;flex-direction:column;gap:.5rem}.modal{padding:1rem!important}.modal-content{max-width:100%!important;margin:0!important;border-radius:16px!important;max-height:90vh;overflow-y:auto}.modal-body,.modal-footer,.modal-header{padding:1rem!important}.modal-footer{flex-direction:column;gap:.5rem}.card{padding:1rem!important;border-radius:12px!important;margin-bottom:1rem}.card-header{padding:0 0 1rem!important}.card-body{padding:0!important}.card-footer{padding:1rem 0 0!important}.container{padding:0 1rem!important}.section{padding:2rem 1rem!important}.mobile-hidden{display:none!important}.mobile-visible{display:block!important}.mobile-p-0{padding:0!important}.mobile-px-1{padding-left:1rem!important;padding-right:1rem!important}.mobile-py-1{padding-top:1rem!important;padding-bottom:1rem!important}.mobile-m-0{margin:0!important}.mobile-mx-1{margin-left:1rem!important;margin-right:1rem!important}.mobile-my-1{margin-top:1rem!important;margin-bottom:1rem!important}.mobile-text-center{text-align:center!important}.mobile-text-left{text-align:left!important}.mobile-text-sm{font-size:.875rem!important}.mobile-text-base{font-size:1rem!important}.mobile-w-full{width:100%!important}.mobile-w-auto{width:auto!important}}@media (hover:none) and (pointer:coarse){*{-webkit-tap-highlight-color:transparent}.clickable,a,button{min-height:44px;min-width:44px}*{-webkit-overflow-scrolling:touch}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}}@media (max-width:480px){:root{--mobile-padding:0.75rem}.home-hero-title{font-size:1.75rem!important}.home-hero-subtitle{font-size:.9rem!important}.section-title{font-size:1.25rem!important}.profile-avatar-img,.profile-avatar-placeholder{width:80px!important;height:80px!important}.profile-name{font-size:1.25rem!important}.profile-badges-grid{grid-template-columns:1fr!important}}@media (max-height:600px) and (orientation:landscape){.home-welcome-screen{padding:1.5rem var(--mobile-padding)!important}.profile-hero-cover{height:120px!important}.profile-avatar-wrapper{margin-top:-40px!important}.profile-avatar-img,.profile-avatar-placeholder{width:80px!important;height:80px!important}}@supports (padding:env(safe-area-inset-top)){@media (max-width:768px){.glass-nav{padding-top:calc(.75rem + env(safe-area-inset-top))!important}body{padding-bottom:env(safe-area-inset-bottom)}}}@media (max-width:768px){:focus{outline:2px solid rgba(230,57,70,.5);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}:root{--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-elastic:cubic-bezier(0.68,-0.6,0.32,1.6);--ease-out:cubic-bezier(0.0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-in-out:cubic-bezier(0.4,0,0.6,1);--duration-instant:100ms;--duration-fast:200ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:700ms;--delay-tiny:50ms;--delay-small:100ms;--delay-medium:200ms;--delay-large:300ms}html{scroll-behavior:smooth;scroll-padding-top:80px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e63946,#ff6b7a);border-radius:10px;-webkit-transition:background var(--duration-fast) var(--ease-smooth);transition:background var(--duration-fast) var(--ease-smooth)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff6b7a,#e63946)}*{scrollbar-width:thin;scrollbar-color:#e63946 hsla(0,0%,100%,.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-smooth) forwards}.animate-fade-in-up{animation:fadeInUp var(--duration-normal) var(--ease-smooth) forwards}.animate-fade-in-down{animation:fadeInDown var(--duration-normal) var(--ease-smooth) forwards}.animate-fade-in-left{animation:fadeInLeft var(--duration-normal) var(--ease-smooth) forwards}.animate-fade-in-right{animation:fadeInRight var(--duration-normal) var(--ease-smooth) forwards}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-bounce) forwards}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-smooth) forwards}.animate-pulse{animation:pulse 2s var(--ease-smooth) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-delay-1{animation-delay:var(--delay-tiny)}.animate-delay-2{animation-delay:calc(var(--delay-tiny) * 2)}.animate-delay-3{animation-delay:calc(var(--delay-tiny) * 3)}.animate-delay-4{animation-delay:calc(var(--delay-tiny) * 4)}.animate-delay-5{animation-delay:calc(var(--delay-tiny) * 5)}.btn,.card,a,button,input,select,textarea{transition:all var(--duration-fast) var(--ease-smooth)}.smooth-hover{transition:all var(--duration-normal) var(--ease-smooth)}.smooth-hover:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(230,57,70,.2)}.smooth-hover:active{transform:translateY(-2px);transition-duration:var(--duration-instant)}.card-animate{opacity:0;transform:translateY(20px);animation:fadeInUp var(--duration-normal) var(--ease-smooth) forwards}.card-hover{transition:all var(--duration-normal) var(--ease-smooth);position:relative;overflow:hidden}.card-hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left var(--duration-slow) var(--ease-smooth)}.card-hover:hover:before{left:100%}.card-hover:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.3)}.btn-animate{position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-smooth)}.btn-animate:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.2);transform:translate(-50%,-50%);transition:width var(--duration-slow) var(--ease-smooth),height var(--duration-slow) var(--ease-smooth)}.btn-animate:hover:before{width:300px;height:300px}.btn-animate:active{transform:scale(.95);transition-duration:var(--duration-instant)}.loading-skeleton{background:linear-gradient(90deg,hsla(0,0%,100%,.05) 25%,hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.05) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.loading-spinner{width:40px;height:40px;border:3px solid hsla(0,0%,100%,.1);border-top-color:#e63946;border-radius:50%;animation:spin .8s linear infinite}.loading-dots{display:flex;gap:8px;align-items:center;justify-content:center}.loading-dots span{width:8px;height:8px;background:#e63946;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{transition:all var(--duration-slow) var(--ease-smooth)}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:all var(--duration-normal) var(--ease-smooth)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay{animation:fadeInOverlay var(--duration-normal) var(--ease-smooth)}.modal-content{animation:slideUpModal var(--duration-slow) var(--ease-bounce)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.toast-enter{animation:slideInRight var(--duration-normal) var(--ease-smooth)}.toast-exit{animation:slideOutRight var(--duration-normal) var(--ease-smooth)}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.4);transform:translate(-50%,-50%);pointer-events:none}.ripple:active:after{width:300px;height:300px;transition:width var(--duration-slower) var(--ease-out),height var(--duration-slower) var(--ease-out),opacity var(--duration-slower) var(--ease-out);opacity:0}.image-loading{opacity:0;transition:opacity var(--duration-slow) var(--ease-smooth)}.image-loaded{opacity:1}.image-blur-up{filter:blur(20px);transform:scale(1.1);transition:filter var(--duration-slow) var(--ease-smooth),transform var(--duration-slow) var(--ease-smooth)}.image-blur-up.loaded{filter:blur(0);transform:scale(1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-animate{background-size:200% 200%;animation:gradientShift 8s ease infinite}.stagger-fade-in>*{opacity:0;animation:fadeInUp var(--duration-normal) var(--ease-smooth) forwards}.stagger-fade-in>:first-child{animation-delay:calc(var(--delay-tiny) * 1)}.stagger-fade-in>:nth-child(2){animation-delay:calc(var(--delay-tiny) * 2)}.stagger-fade-in>:nth-child(3){animation-delay:calc(var(--delay-tiny) * 3)}.stagger-fade-in>:nth-child(4){animation-delay:calc(var(--delay-tiny) * 4)}.stagger-fade-in>:nth-child(5){animation-delay:calc(var(--delay-tiny) * 5)}.stagger-fade-in>:nth-child(6){animation-delay:calc(var(--delay-tiny) * 6)}.stagger-fade-in>:nth-child(7){animation-delay:calc(var(--delay-tiny) * 7)}.stagger-fade-in>:nth-child(8){animation-delay:calc(var(--delay-tiny) * 8)}.icon-bounce:hover{animation:bounce .6s var(--ease-bounce)}.icon-spin:hover{animation:spin .6s var(--ease-smooth)}.icon-pulse:hover{animation:pulse .6s var(--ease-smooth)}@keyframes heartBeat{0%,to{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,60%,80%{transform:scale(1.1)}50%,70%{transform:scale(1.05)}}.heart-beat{animation:heartBeat .8s var(--ease-smooth)}@keyframes progressFill{0%{width:0}}.progress-bar-fill{animation:progressFill 1s var(--ease-smooth) forwards}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:768px){:root{--duration-instant:80ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms}.smooth-hover:hover{transform:translateY(-2px)}.card-hover:hover{transform:translateY(-4px) scale(1.01)}}:focus-visible{outline:2px solid #e63946;outline-offset:4px;border-radius:4px;animation:pulse .8s var(--ease-smooth)}:focus:not(:focus-visible){outline:none}:root{--neon-cyan:#00f0ff;--neon-purple:#bf40ff;--neon-pink:#ff006e;--neon-green:#39ff14;--neon-blue:#4d4dff;--neon-orange:#ff6b35;--glass-bg:hsla(0,0%,100%,.05);--glass-bg-strong:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.18);--glass-blur:20px;--glow-cyan:0 0 20px rgba(0,240,255,.4),0 0 40px rgba(0,240,255,.2);--glow-purple:0 0 20px rgba(191,64,255,.4),0 0 40px rgba(191,64,255,.2);--glow-pink:0 0 20px rgba(255,0,110,.4),0 0 40px rgba(255,0,110,.2);--glow-green:0 0 20px rgba(57,255,20,.4),0 0 40px rgba(57,255,20,.2)}.global-stage{position:relative;min-height:100vh;overflow:hidden}.global-stage:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(0,240,255,.15) 0,transparent 50%),radial-gradient(circle at 80% 50%,rgba(191,64,255,.15) 0,transparent 50%),radial-gradient(circle at 50% 20%,rgba(255,0,110,.1) 0,transparent 50%);animation:float-gradient 20s ease-in-out infinite;z-index:-1;pointer-events:none}@keyframes float-gradient{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(-5%,5%) rotate(120deg)}66%{transform:translate(5%,-5%) rotate(240deg)}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s}.glass-card:hover{transform:translateY(-5px) scale(1.02);border-color:var(--neon-cyan);box-shadow:0 20px 60px rgba(0,0,0,.4),var(--glow-cyan),inset 0 1px 0 hsla(0,0%,100%,.2)}.glass-card:hover:before{left:100%}.glass-card-strong{background:var(--glass-bg-strong);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.neon-border{position:relative;border:2px solid transparent;background:linear-gradient(var(--gray-900),var(--gray-900)) padding-box,linear-gradient(135deg,var(--neon-cyan),var(--neon-purple)) border-box;border-radius:16px}.neon-glow-cyan{box-shadow:var(--glow-cyan);border-color:var(--neon-cyan)}.neon-glow-purple{box-shadow:var(--glow-purple);border-color:var(--neon-purple)}.neon-glow-pink{box-shadow:var(--glow-pink);border-color:var(--neon-pink)}.neon-glow-green{box-shadow:var(--glow-green);border-color:var(--neon-green)}.neon-border-animated{position:relative;background:var(--glass-bg);border-radius:20px;overflow:hidden}.neon-border-animated:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--neon-cyan),var(--neon-purple),var(--neon-pink),var(--neon-cyan));background-size:300% 300%;animation:neon-rotate 4s linear infinite;border-radius:20px;z-index:-1;opacity:0;transition:opacity .3s}.neon-border-animated:hover:before{opacity:1}@keyframes neon-rotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-text{background:linear-gradient(135deg,var(--neon-cyan) 0,var(--neon-purple) 50%,var(--neon-pink) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.gradient-text-glow{filter:drop-shadow(0 0 10px rgba(0,240,255,.5))}.btn-neon{position:relative;background:var(--glass-bg);backdrop-filter:blur(10px);border:2px solid var(--neon-cyan);color:var(--neon-cyan);padding:12px 32px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;text-shadow:0 0 10px rgba(0,240,255,.5)}.btn-neon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--neon-cyan);border-radius:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;z-index:-1;opacity:.2}.btn-neon:hover{transform:translateY(-2px);box-shadow:var(--glow-cyan);color:var(--white);border-color:var(--neon-cyan)}.btn-neon:hover:before{width:300px;height:300px}.btn-neon:active{transform:translateY(0)}.btn-neon-purple{border-color:var(--neon-purple);color:var(--neon-purple);text-shadow:0 0 10px rgba(191,64,255,.5)}.btn-neon-purple:before{background:var(--neon-purple)}.btn-neon-purple:hover{box-shadow:var(--glow-purple)}.btn-neon-pink{border-color:var(--neon-pink);color:var(--neon-pink);text-shadow:0 0 10px rgba(255,0,110,.5)}.btn-neon-pink:before{background:var(--neon-pink)}.btn-neon-pink:hover{box-shadow:var(--glow-pink)}.quick-action-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.quick-action-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,240,255,.1) 0,transparent 70%);opacity:0;transition:opacity .4s}.quick-action-card:hover{transform:translateY(-8px) scale(1.05);border-color:var(--neon-cyan);box-shadow:0 20px 60px rgba(0,0,0,.4),var(--glow-cyan)}.quick-action-card:hover:before{opacity:1;animation:spin-glow 3s linear infinite}@keyframes spin-glow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.quick-action-card.primary{background:linear-gradient(135deg,rgba(0,240,255,.15),rgba(191,64,255,.15));border:2px solid var(--neon-cyan)}.quick-action-card.primary:hover{box-shadow:0 25px 80px rgba(0,0,0,.5),0 0 30px rgba(0,240,255,.6),0 0 60px rgba(0,240,255,.3)}.quick-action-icon{font-size:3rem;filter:drop-shadow(0 0 10px rgba(0,240,255,.5));transition:transform .3s}.quick-action-card:hover .quick-action-icon{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 0 20px rgba(0,240,255,.8))}.leaderboard-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:1.5rem;transition:all .3s ease;position:relative}.leaderboard-card:hover{transform:translateX(5px);border-color:var(--neon-purple);box-shadow:-5px 0 30px rgba(191,64,255,.3),0 8px 32px rgba(0,0,0,.3)}.leaderboard-card.rank-1{background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,165,0,.1));border:2px solid rgba(255,215,0,.5);box-shadow:0 0 30px rgba(255,215,0,.3),0 8px 32px rgba(0,0,0,.3)}.leaderboard-card.rank-1:hover{box-shadow:0 0 40px rgba(255,215,0,.5),0 15px 50px rgba(0,0,0,.4)}.leaderboard-card.rank-2{background:linear-gradient(135deg,hsla(0,0%,75%,.15),hsla(0,0%,66%,.1));border:2px solid hsla(0,0%,75%,.5);box-shadow:0 0 30px hsla(0,0%,75%,.3),0 8px 32px rgba(0,0,0,.3)}.leaderboard-card.rank-3{background:linear-gradient(135deg,rgba(205,127,50,.15),rgba(184,115,51,.1));border:2px solid rgba(205,127,50,.5);box-shadow:0 0 30px rgba(205,127,50,.3),0 8px 32px rgba(0,0,0,.3)}.city-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.city-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,240,255,.2),rgba(191,64,255,.2));opacity:0;transition:opacity .4s;pointer-events:none}.city-card:hover{transform:translateY(-10px) scale(1.03);border-color:var(--neon-purple);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 40px rgba(191,64,255,.4)}.city-card:hover:after{opacity:1}.city-emoji{font-size:4rem;filter:drop-shadow(0 0 20px rgba(0,240,255,.6));transition:transform .4s}.city-card:hover .city-emoji{transform:scale(1.3) rotate(10deg);filter:drop-shadow(0 0 30px rgba(191,64,255,.8))}.stat-card{background:var(--glass-bg-strong);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid hsla(0,0%,100%,.15);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);animation:scan 2s linear infinite}@keyframes scan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.stat-card:hover{transform:scale(1.05);border-color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.stat-value{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(0,240,255,.4))}.stat-label{color:hsla(0,0%,100%,.7);text-transform:uppercase;font-size:.85rem;letter-spacing:1px;margin-top:.5rem}.navbar{background:var(--glass-bg-strong);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 30px rgba(0,0,0,.3)}.nav-link{position:relative;transition:all .3s ease;color:var(--gray-600)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));transform:translateX(-50%);transition:width .3s ease;box-shadow:0 0 10px var(--neon-cyan)}.nav-link:hover{color:var(--black);text-shadow:none}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--black);font-weight:600}.nav-link.active:after{width:100%}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;background:linear-gradient(135deg,var(--neon-cyan) 0,var(--neon-purple) 50%,var(--neon-pink) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 4s ease infinite;filter:drop-shadow(0 0 20px rgba(0,240,255,.3));margin-bottom:1rem}.section-subtitle{color:hsla(0,0%,100%,.7);font-size:1.125rem;max-width:600px;margin:0 auto}.section-badge{display:inline-block;background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--neon-purple);color:var(--neon-purple);padding:.5rem 1rem;border-radius:50px;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;box-shadow:0 0 20px rgba(191,64,255,.3)}.floating-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--neon-cyan);border-radius:50%;box-shadow:0 0 10px var(--neon-cyan);animation:float-particle 15s ease-in-out infinite}.particle:nth-child(2n){background:var(--neon-purple);box-shadow:0 0 10px var(--neon-purple);animation-duration:18s}.particle:nth-child(3n){background:var(--neon-pink);box-shadow:0 0 10px var(--neon-pink);animation-duration:20s}@keyframes float-particle{0%,to{transform:translateY(0) translateX(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translateX(100px) rotate(1turn);opacity:0}}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}a,button{transition:all .3s ease}@media (max-width:768px){.glass-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.btn-neon{padding:10px 24px}.quick-action-icon{font-size:2.5rem}.section-title{font-size:2rem}.glass-card:hover{box-shadow:0 15px 40px rgba(0,0,0,.4),0 0 15px rgba(0,240,255,.3)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.glass-card{border-width:2px}.btn-neon,.neon-border{border-width:3px}}