@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Outfit:wght@300;400;500;600&display=swap";html{scroll-behavior:smooth}:root{font-family:Space Grotesk,Outfit,sans-serif;line-height:1.5;font-weight:400;color:#f5f7ff;background-color:#06070e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-violet: #4d51e9;--color-turquoise: #3fbbc2;--color-orange: #e94e19;--color-orange-light: #f49932;--color-fuchsia: #e6007e;--color-night: #05060f;--color-night-soft: #0f1423;--color-mist: rgba(255, 255, 255, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at top,rgba(77,81,233,.3),transparent 55%),radial-gradient(circle at 20% 20%,rgba(63,187,194,.2),transparent 40%),#03040a;color:#f5f7ff}a{color:inherit;text-decoration:none}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-shell{min-height:100vh;display:flex;flex-direction:column;padding:0 40px 60px;gap:48px;max-width:1280px;width:min(1200px,calc(100% - 64px));margin:0 auto}@media(max-width:768px){.app-shell{padding:0 20px 36px;gap:32px;width:100%}}.top-nav{position:sticky;top:0;z-index:10;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#05060f99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-mist);padding:14px 16px}.top-nav-inner{width:min(1200px,calc(100% - 64px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}@media(max-width:768px){.top-nav{flex-wrap:wrap;padding:12px}.top-nav-inner{flex-wrap:wrap;width:100%;gap:16px}}.logo{font-size:1.35rem;font-weight:700;display:flex;gap:4px;align-items:center}.logo span{color:var(--color-turquoise)}.top-nav nav{display:flex;gap:24px;font-weight:500}.top-nav nav a{opacity:.8;transition:opacity .2s ease,color .2s ease}.top-nav nav a:hover{opacity:1;color:var(--color-turquoise)}.actions{display:flex;gap:12px}.ghost-btn,.outline-btn,.primary-btn,.pill{border:none;border-radius:999px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary-btn{background:linear-gradient(120deg,var(--color-violet),var(--color-turquoise));color:#05060f;padding:.7rem 1.5rem;box-shadow:0 10px 40px #4d51e966}.ghost-btn{background:#ffffff14;color:#f5f7ff;padding:.65rem 1.2rem}.outline-btn{color:var(--color-turquoise);background:transparent;border:1px solid rgba(63,187,194,.4);padding:.65rem 1.3rem}.pill{padding:.5rem 1rem;font-size:.85rem}.pill.violet{background:var(--color-violet);color:#fff}.pill.turquoise{background:var(--color-turquoise);color:#04121f}.pill.ghost{background:#ffffff14;color:#f5f7ff}.ghost-btn:hover,.outline-btn:hover,.primary-btn:hover,.pill:hover{transform:translateY(-2px)}main{display:flex;flex-direction:column;gap:56px;margin-top:24px}#hero,#community,#contact{scroll-margin-top:120px}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;align-items:center}.hero-text h1{font-size:clamp(2.1rem,3.6vw,3.2rem);line-height:1.1;margin:12px 0}.hero-text h1 span{color:var(--color-turquoise)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.85rem;color:#fff9}.lead{max-width:520px;color:#fffc}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 16px}.badges{display:flex;flex-wrap:wrap;gap:10px}.badges span{border-radius:999px;border:1px solid rgba(255,255,255,.1);padding:6px 14px;font-size:.85rem;color:#ffffffb3}.hero-card{position:relative;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.08);min-height:260px;background:#05060f}.hero-map{position:absolute;inset:0;background:url(/img/hero.jpg) center/cover;filter:grayscale(.1) contrast(1.05)}.city-gallery{border-radius:28px;border:1px solid var(--color-mist);background:#05060fbf;padding:0;display:flex;flex-direction:column;gap:24px;overflow:hidden}.city-gallery .section-header{padding:28px 40px 0}.city-gallery .gallery-grid{padding:0 40px 28px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.gallery-card{border-radius:20px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.gallery-card img{width:100%;height:220px;object-fit:cover;display:block}.gallery-info{padding:16px 18px 20px;display:flex;flex-direction:column;gap:4px}.gallery-info span{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#fff9}.gallery-info p{color:#fff9;font-size:.9rem}.playlist-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.playlist-panel,.map-panel{border-radius:28px;padding:28px;border:1px solid var(--color-mist);background:#05060fbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.playlist-panel header,.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.outline-btn.small{font-size:.8rem;padding:.4rem 1rem}.playlist-panel ul{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:16px}.playlist-panel li{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px;border-radius:20px;background:#ffffff08}.playlist-panel img{width:54px;height:54px;border-radius:16px;object-fit:cover}.playlist-panel strong{display:block;font-size:1rem}.playlist-panel span{color:#ffffffb3;font-size:.85rem}.playlist-panel p{color:var(--color-turquoise);font-size:.8rem}.map-header h2{margin:8px 0}.map-header p{color:#ffffffb3}.map-grid{margin-top:20px;position:relative;height:320px;border-radius:24px;background:linear-gradient(135deg,#070f22e6,#090c19e6);overflow:hidden}.map-grid:after{content:"";position:absolute;inset:0;background-image:linear-gradient(transparent 95%,#ffffff0d 5%),linear-gradient(90deg,transparent 95%,rgba(255,255,255,.05) 5%);background-size:40px 40px;opacity:.4}.pin{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--color-fuchsia);box-shadow:0 0 15px var(--color-fuchsia),0 0 35px #e6007e99}.pin.soft{animation:pulse 3s infinite}.pin.hard{animation:pulse 1.4s infinite}@keyframes pulse{0%{transform:scale(.6);opacity:.9}70%{transform:scale(1.4);opacity:.2}to{transform:scale(.6);opacity:.9}}.map-path{position:absolute;inset:40px 60px;border:2px dashed rgba(77,81,233,.4);border-radius:30px 80px 40px 90px;animation:flow 8s linear infinite}@keyframes flow{0%{border-color:#3fbbc24d}50%{border-color:#4d51e999}to{border-color:#3fbbc24d}}.cta-panel{border-radius:28px;border:1px solid var(--color-mist);background:linear-gradient(120deg,#4d51e933,#e6007e26);padding:32px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}.cta-panel h2{max-width:520px}.cta-actions{display:flex;gap:12px}.contact-panel{border-radius:28px;border:1px solid var(--color-mist);background:#05060fd9;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-details{display:flex;gap:16px;flex-wrap:wrap}.contact-details div{min-width:160px}.contact-details span{display:block;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:#fff9}.contact-details strong{display:block;margin-top:4px;font-size:1.1rem}.contact-form{display:flex;flex-direction:column;gap:16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);padding:24px;background:#ffffff05}.contact-form label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:#fffc}.contact-form input,.contact-form textarea{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#f5f7ff;padding:10px 14px;font-family:inherit}.contact-form textarea{resize:vertical}footer{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.9rem;color:#ffffffb3}.footer-links{display:flex;gap:16px}.footer-links a{color:#fffc;font-size:.9rem}