@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@600;700;800;900&display=swap";
:root{--primary:#ff6b6b;--primary-dark:#e85555;--primary-light:#ff8e8e;--primary-glow:#ff6b6b40;--secondary:#4ecdc4;--secondary-dark:#3dbdb4;--secondary-light:#7eddd6;--accent:#ffe66d;--accent-dark:#f5d85c;--bg:#fafbfc;--bg-card:#fff;--bg-elevated:#fff;--bg-dark:#0f1419;--bg-dark-card:#1a2332;--bg-dark-elevated:#243044;--text:#1a1d23;--text-secondary:#5f6b7a;--text-muted:#8e99a4;--text-on-dark:#f0f2f5;--border:#e8ecf0;--border-light:#f0f2f5;--marker-user:#4a90e2;--marker-restaurant:#ff6b6b;--success:#2ed573;--warning:#ffa502;--error:#ff4757;--info:#3742fa;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014,0 2px 4px #0000000a;--shadow-lg:0 12px 40px #0000001f,0 4px 12px #0000000f;--shadow-xl:0 24px 60px #00000029,0 8px 24px #00000014;--shadow-glow:0 0 40px var(--primary-glow);--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Poppins","Inter",sans-serif;--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}img{max-width:100%;height:auto}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.container-narrow{max-width:480px;padding:0 var(--space-lg);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);transition:all .3s var(--ease-out);white-space:nowrap;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .3s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:var(--shadow-md),0 4px 20px var(--primary-glow)}.btn-primary:hover{box-shadow:var(--shadow-lg),0 8px 32px var(--primary-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);padding:10px 20px}.btn-ghost:hover{color:var(--primary);background:#ff6b6b0f}.btn-lg{border-radius:var(--radius-lg);padding:18px 36px;font-size:17px}.btn-sm{padding:10px 20px;font-size:13px}.btn-full{width:100%}.btn-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all .3s var(--ease-out)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-elevated{box-shadow:var(--shadow-md)}.card-elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.glass{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffb8;border:1px solid #fff6}.glass-dark{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#0f1419b8;border:1px solid #ffffff14}.input-group{gap:var(--space-xs);flex-direction:column;display:flex}.input-group label{color:var(--text-secondary);font-size:14px;font-weight:500}.input{width:100%;font-size:15px;font-family:var(--font-body);color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-md);transition:all .25s var(--ease-out);outline:none;padding:14px 16px}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:var(--bg-card)}.input::placeholder{color:var(--text-muted)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:44px}.input-with-icon svg{width:18px;height:18px;color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary);background:#ff6b6b1a}.badge-secondary{color:var(--secondary-dark);background:#4ecdc41a}.badge-accent{color:#b8860b;background:#ffe66d33}.badge-success{color:var(--success);background:#2ed5731a}.divider{align-items:center;gap:var(--space-md);color:var(--text-muted);margin:var(--space-lg)0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-float{animation:3s ease-in-out infinite float}.animate-fade-up{animation:fade-up .6s var(--ease-out)forwards}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){.container{padding:0 var(--space-md)}.btn-lg{padding:16px 28px;font-size:16px}}