*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #d946ef;--primary-dark: #b134d9;--background: #0f0f1e;--surface: #1a1a2e;--surface-light: #252541;--text: #ffffff;--text-muted: #a0aec0;--border: #2d2d44}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--background);color:var(--text);overflow-x:hidden}.app{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,#1a0f2e 100%)}.navbar{position:fixed;top:0;width:100%;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1ecc;border-bottom:1px solid var(--border)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;font-weight:700}.logo-img{height:40px;width:auto}.logo-text{font-size:1.5rem;background:linear-gradient(135deg,var(--primary) 0%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--primary)}.download-btn{background:var(--primary);color:#fff!important;padding:.5rem 1.5rem;border-radius:50px;transition:all .3s ease}.download-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 20px #d946ef4d}.hero{max-width:1200px;margin:0 auto;padding:120px 2rem 80px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative}.hero-content{z-index:2}.hero-title{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary) 0%,#ec4899 50%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.6}.hero-cta{display:flex;gap:1rem}.btn{padding:1rem 2.5rem;border-radius:50px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#ec4899 100%);color:#fff;box-shadow:0 10px 30px #d946ef66}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #d946ef99}.hero-visual{position:relative;height:500px}.glow-gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(217,70,239,.2) 0%,transparent 70%);filter:blur(40px);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.floating-card{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 3s ease-in-out infinite;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.floating-card:hover{transform:translateY(-6px) scale(1.04);border-color:var(--primary);box-shadow:0 20px 40px #d946ef40;animation-play-state:paused}.floating-card:active{transform:translateY(-2px) scale(.98)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.card-1{top:40px;left:-40px;animation-delay:0s}.card-2{bottom:20px;right:40px;animation-delay:1s}.card-3{top:140px;right:60px;animation-delay:2s}.venue-card{display:flex;gap:1rem}.venue-image{width:80px;height:80px;background:var(--primary);border-radius:16px}.venue-info{display:flex;flex-direction:column;justify-content:center}.venue-info p{margin:0}.venue-name{font-weight:700;font-size:1.1rem;color:var(--text);margin-bottom:.2rem!important}.venue-distance{color:var(--text-muted);font-size:.9rem}.rewards-card{display:flex;flex-direction:column;align-items:center;gap:.5rem}.points-circle{width:90px;height:90px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:800;box-shadow:0 0 #d946ef66}.points-text{font-weight:600;margin-top:.5rem;font-size:1rem}.floating-card:hover .points-circle{box-shadow:0 0 25px #d946ef99}.status-card{display:flex;flex-direction:column;align-items:center;gap:.5rem}.status-badge{background:#22c55e;color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:.9rem;transition:background .3s ease}.status-badge.closed{background:#ef4444}.status-time{font-size:.8rem;color:var(--text-muted)}.features{max-width:1200px;margin:0 auto;padding:80px 2rem}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:4rem;background:linear-gradient(135deg,var(--primary) 0%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),transparent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 20px 40px #d946ef26}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#d946ef33,#ec48991a);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--primary)}.feature-icon svg{width:32px;height:32px}.feature-card h3{font-size:1.25rem;margin-bottom:1rem;font-weight:700}.feature-card p{color:var(--text-muted);line-height:1.6;font-size:.95rem}.download{max-width:1200px;margin:0 auto;padding:80px 2rem;text-align:center}.download-content h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary) 0%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.download-content p{font-size:1.25rem;color:var(--text-muted);margin-bottom:3rem}.download-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.store-btn{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:var(--surface);border:2px solid var(--border);border-radius:15px;text-decoration:none;color:var(--text);transition:all .3s ease}.store-btn:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 15px 30px #d946ef33}.store-icon{font-size:2rem}.store-text{text-align:left;display:flex;flex-direction:column}.store-text small{color:var(--text-muted);font-size:.85rem}.store-text strong{font-weight:700;font-size:1.1rem}.footer{background:var(--surface);border-top:1px solid var(--border);padding:2rem;text-align:center;color:var(--text-muted)}.footer-links{margin-top:1rem;display:flex;justify-content:center;gap:2rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary)}@media (max-width: 768px){.hero{grid-template-columns:1fr;padding:100px 1rem 60px}.hero-title{font-size:2.5rem}.hero-visual{display:none}.nav-links{gap:1rem}.features-grid{grid-template-columns:1fr}.download-buttons{flex-direction:column;gap:1rem}.store-btn{width:100%;justify-content:center}.section-title,.download-content h2{font-size:2rem}}@media (max-width: 480px){.hero-title{font-size:2rem}.nav-container{padding:1rem}.nav-links{gap:.5rem}.download-btn{padding:.5rem 1rem;font-size:.9rem}}.phone-mockup{position:relative;width:300px;height:600px;background:#0b0714;border-radius:40px;border:12px solid #1a1a2e;box-shadow:0 30px 60px #0009,inset 0 0 0 2px #3f3f5a;margin:0 auto;overflow:hidden;z-index:10;transform:rotate(5deg) scale(.9);transition:transform .4s ease}.phone-mockup:hover{transform:rotate(0) scale(.95)}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:140px;height:25px;background:#1a1a2e;border-bottom-left-radius:20px;border-bottom-right-radius:20px;z-index:20}.phone-header{position:absolute;top:12px;left:0;width:100%;display:flex;justify-content:space-between;padding:0 24px;z-index:20;font-size:12px;font-weight:600;color:#fff}.phone-icons{display:flex;gap:6px;align-items:center}.phone-screen{width:100%;height:100%;overflow-y:auto;background:linear-gradient(180deg,#180929,#0b0714)}.phone-screen::-webkit-scrollbar{display:none}.mockup-img-top{width:100%;height:220px;background:linear-gradient(to bottom,transparent,#180929),url(https://images.unsplash.com/photo-1574096079513-d8259312b785?auto=format&fit=crop&q=80&w=800) center/cover}.mockup-content{padding:0 20px 30px;margin-top:-20px}.mockup-venue-header{margin-bottom:24px}.mockup-venue-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mockup-venue-title h3{font-size:1.4rem;font-weight:700;color:#fff}.mockup-badge-open{background:#22c55e26;color:#4ade80;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:6px}.mockup-badge-open .dot{width:6px;height:6px;background:#4ade80;border-radius:50%}.mockup-venue-meta{display:flex;justify-content:space-between;color:#a0aec0;font-size:.8rem}.mockup-venue-meta .distance{display:flex;align-items:center;color:#d946ef}.mockup-section{margin-bottom:24px}.mockup-label{color:#fff;font-weight:600;margin-bottom:12px;font-size:.95rem}.mockup-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-mockup-primary{background:linear-gradient(135deg,#9333ea,#d946ef);border:none;border-radius:12px;padding:12px;color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-mockup-primary:hover{opacity:.9}.btn-mockup-secondary{background:#252541;border:none;border-radius:12px;padding:12px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.btn-mockup-secondary:hover{background:#3f3f5a}.mockup-card{background:#252541;border-radius:16px;padding:16px;margin-bottom:16px}.mockup-card-title{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:16px}.mockup-slider{background:#3f3f5a;border-radius:30px;height:48px;display:flex;align-items:center;padding:4px;position:relative;cursor:pointer}.mockup-slider span{width:100%;text-align:center;color:#a0aec0;font-size:.85rem;font-weight:600;position:absolute;pointer-events:none}.slider-thumb{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0b0714;z-index:2;box-shadow:0 2px 5px #0003;transition:transform .2s}.mockup-slider:hover .slider-thumb{transform:scale(1.05)}.map-card{padding:12px}.mockup-map-area{height:140px;background:#a3e635;background-image:url(https://images.unsplash.com/photo-1524661135-423995f22d0b?auto=format&fit=crop&q=80&w=400);background-size:cover;background-position:center;border-radius:12px;position:relative;margin-bottom:12px}.map-pin{width:16px;height:16px;background:#22c55e;border-radius:50%;border:3px solid white;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0000004d}.mockup-map-footer{display:flex;justify-content:space-between;color:#a0aec0;font-size:.75rem;padding:0 4px}