@import "https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--primary:#bfff00;--primary-dark:#95cc00;--primary-rgb:191,255,0;--dark:#0b0b12;--dark-2:#111119;--dark-3:#1a1a24;--glass:#ffffff0a;--glass-border:#ffffff14;--text-light:#f1f5f9;--text-muted:#7c8490;--text-dark:#1e293b;--success:#22c55e;--error:#ef4444;--border-radius:16px;--shadow:0 8px 32px #00000073;--transition:all .25s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}::-webkit-scrollbar{display:none}body{background:var(--dark);color:var(--text-light);-ms-overflow-style:none;scrollbar-width:none;min-height:100vh;font-family:Public Sans,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:.01em;font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%}.container{max-width:1200px;margin:0 auto;padding:0 24px}.flex{display:flex}.center{justify-content:center;align-items:center}.gap-1{gap:8px}.gap-2{gap:16px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.text-center{text-align:center}.text-muted{color:var(--text-muted);font-size:.875rem}.text-error{color:var(--error);font-size:.875rem}.text-success{color:var(--success);font-size:.875rem}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;transition:var(--transition);letter-spacing:.01em;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-family:Public Sans,sans-serif;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:#ffffff14;transition:opacity .2s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 20px #bfff0066}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #bfff0080}.btn-outline{color:var(--text-light);border:1.5px solid var(--glass-border);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-full{width:100%}.btn-sm{padding:8px 18px;font-size:.875rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.navbar{z-index:100;padding:14px 20px;padding-top:max(14px,calc(14px + env(safe-area-inset-top,0px)));-webkit-backdrop-filter:blur(20px);background:#0b0b12f5;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar-brand{color:var(--text-light);align-items:center;gap:8px;font-size:1.3rem;font-weight:800;text-decoration:none;display:flex}.navbar-brand span{color:var(--primary)}.navbar-actions{align-items:center;gap:12px;display:flex}.nav-avatar{background:#bfff0026;border:1.5px solid #bfff0059;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex}.nav-avatar:hover{border-color:var(--primary);background:#bfff0040}.nav-avatar-inner{color:var(--primary);font-size:.85rem;font-weight:700;line-height:1}.nav-link{color:var(--text-muted);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--primary)}.app-bottom-nav{z-index:200;-webkit-backdrop-filter:blur(24px);padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));background:#0a0a10f7;border-top:1px solid #ffffff14;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0006}.nav-tab{color:#94a3b8bf;-webkit-tap-highlight-color:transparent;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:6px 4px;text-decoration:none;transition:color .2s;display:flex;position:relative}.nav-tab-icon{font-size:1.35rem;line-height:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:block}.nav-tab-label{letter-spacing:.03em;white-space:nowrap;text-transform:uppercase;font-size:.6rem;font-weight:600;transition:color .2s}.nav-tab.active:before{content:"";background:linear-gradient(90deg,var(--primary),#bfff00);border-radius:0 0 4px 4px;height:2px;position:absolute;top:0;left:25%;right:25%}.nav-tab.active{color:var(--primary)}.nav-tab.active .nav-tab-icon{transform:translateY(-3px)scale(1.18)}.nav-tab:hover:not(.active){color:#bfff00a6}.nav-tab:hover:not(.active) .nav-tab-icon{transform:translateY(-1px)}.card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition);padding:32px}.card:hover{border-color:#bfff004d;transform:translateY(-4px);box-shadow:0 24px 64px #0006}.form-group{margin-bottom:20px}.form-group label{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--glass-border);width:100%;color:var(--text-light);transition:var(--transition);background:#ffffff0d;border-radius:12px;outline:none;padding:14px 18px;font-family:Public Sans,sans-serif;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background:#bfff000f;box-shadow:0 0 0 3px #bfff001f}.form-group input::placeholder{color:var(--text-muted)}.form-group select option{background:var(--dark-2)}.form-group .error-msg{color:var(--error);margin-top:6px;font-size:.8rem;display:none}.form-group.has-error .error-msg{display:block}.form-group.has-error input{border-color:var(--error)}.toast{color:#fff;z-index:9999;opacity:0;pointer-events:none;border-radius:12px;max-width:360px;padding:14px 22px;font-size:.9rem;font-weight:500;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:24px;right:24px;transform:translateY(16px)scale(.96);box-shadow:0 8px 32px #0006}.toast.show{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.toast.success{background:linear-gradient(135deg,#059669,#10b981)}.toast.error{background:linear-gradient(135deg,#dc2626,#ef4444)}.toast.info{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.auth-page{background:radial-gradient(ellipse at top left,#bfff001a 0%,transparent 55%),var(--dark);justify-content:center;align-items:center;min-height:100vh;padding:100px 24px 40px;display:flex}.auth-card{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:100%;max-width:460px;box-shadow:var(--shadow);background:#ffffff0a;border-radius:24px;padding:44px 40px;animation:.5s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.auth-card .logo-icon{text-align:center;margin-bottom:8px;font-size:2.5rem;display:block}.auth-card h1{text-align:center;margin-bottom:6px;font-size:1.8rem}.auth-card .subtitle{text-align:center;color:var(--text-muted);margin-bottom:32px;font-size:.9rem}.auth-footer{text-align:center;color:var(--text-muted);margin-top:28px;font-size:.875rem}.auth-footer a{color:var(--primary);font-weight:600}.auth-footer a:hover{text-decoration:underline}.dashboard-page{min-height:100vh;padding-top:80px}.page-header{padding:40px 0 24px}.page-header h1{font-size:2rem}.page-header p{color:var(--text-muted);margin-top:4px}.restaurant-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding-bottom:48px;display:grid}.restaurant-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--border-radius);transition:var(--transition);cursor:pointer;padding:28px;position:relative;overflow:hidden}.restaurant-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.restaurant-card:hover:before{opacity:1}.restaurant-card:hover{border-color:#bfff0040;transform:translateY(-6px);box-shadow:0 20px 50px #0006}.restaurant-card .card-icon{margin-bottom:16px;font-size:2.5rem}.restaurant-card h3{margin-bottom:8px;font-size:1.15rem}.restaurant-card .location{color:var(--text-muted);align-items:center;gap:4px;font-size:.875rem;display:flex}.profile-grid{grid-template-columns:1fr 1fr;gap:24px;padding-bottom:48px;display:grid}@media (max-width:768px){.profile-grid{grid-template-columns:1fr}}.profile-avatar{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;font-size:2rem;font-weight:700;display:flex}.badge{text-transform:uppercase;letter-spacing:.06em;border-radius:50px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.badge-user{color:var(--success);background:#10b98126}.badge-owner{color:var(--primary);background:#bfff0026}.loader{border:2.5px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--glass-border);flex:1;height:1px}.otp-inputs{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.otp-inputs input{text-align:center;border:1.5px solid var(--glass-border);width:54px;height:62px;color:var(--text-light);transition:var(--transition);caret-color:var(--primary);background:#ffffff0f;border-radius:14px;outline:none;font-size:1.5rem;font-weight:700}.otp-inputs input:focus{border-color:var(--primary);background:#bfff0014;box-shadow:0 0 0 3px #bfff001f}@media (max-width:640px){.toast{bottom:calc(72px + env(safe-area-inset-bottom,0px));text-align:center;max-width:none;left:12px;right:12px}.restaurant-grid{grid-template-columns:1fr;gap:16px}.restaurant-card{padding:20px}.page-header h1{font-size:1.5rem}.profile-grid{grid-template-columns:1fr}.auth-page{padding:80px 16px 32px}.auth-card{padding:32px 20px}.auth-card h1{font-size:1.5rem}.navbar{padding:12px 16px}.navbar-brand{font-size:1.15rem}}@media (max-width:400px){.container{padding-left:14px;padding-right:14px}.auth-card{padding:28px 18px}.otp-inputs{gap:8px}.otp-inputs input{width:44px;height:52px;font-size:1.2rem}}.notice{border-radius:10px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.88rem}.notice.success{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.notice.error{color:#ef4444;background:#ef44441a;border:1px solid #ef444440}.back-link{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:1.5rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--primary)}.empty-state{text-align:center;padding:3rem 1rem}.empty-state .icon{margin-bottom:.75rem;font-size:3rem}.error-page{background:radial-gradient(ellipse at top left,#bfff001a 0%,transparent 55%),var(--dark);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.error-card{text-align:center;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);max-width:480px;box-shadow:var(--shadow);background:#ffffff0a;border-radius:24px;padding:48px 40px;animation:.5s fadeInUp}.error-card .error-icon{margin-bottom:1rem;font-size:4rem}.error-card h1{margin-bottom:.5rem;font-size:2rem}.error-card p{color:var(--text-muted);margin-bottom:1.5rem}:root{--primary:#bfff00;--primary-dark:#95cc00;--primary-rgb:191,255,0;--accent:#dfff6b;--dark:#0a0a0a;--dark-2:#0f1218;--dark-3:#141923;--glass:#ffffff08;--glass-border:#ffffff14;--text-light:#f2f5f8;--text-muted:#8c95a3;--text-dark:#080b10;--success:#4ade80;--error:#fb7185;--border-radius:16px;--radius-lg:24px;--radius-pill:9999px;--shadow:0 14px 36px #00000073;--neo-shadow:0 0 22px #bfff0038}body{color:var(--text-light);background:radial-gradient(72% 48% at 10% 0,#bfff0017 0%,#0000 68%),radial-gradient(60% 40% at 95% 95%,#78a0ff14 0%,#0000 72%),linear-gradient(165deg,#050608 0%,#0b1018 52%,#07090d 100%);min-height:max(100dvh,844px)}.container{width:min(100%,520px);margin:0 auto;padding-inline:16px}.navbar{background:#0a0e14d1;border:1px solid #ffffff14;border-radius:18px;width:min(100% - 20px,520px);margin-top:10px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 8px 28px #0006}.navbar-brand{font-size:1.02rem}.navbar-brand span,.nav-avatar-inner,.nav-tab.active,.text-primary{color:var(--primary)}.nav-avatar{background:#bfff001a;border:1px solid #bfff0047;border-radius:14px}.app-bottom-nav{width:min(100% - 20px,520px);padding:10px 8px calc(10px + env(safe-area-inset-bottom,0px));background:#0a0e14db;border:1px solid #ffffff1a;border-radius:9999px;bottom:10px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 14px 42px #00000080}.nav-tab{color:var(--text-muted);border-radius:9999px}.nav-tab-label{letter-spacing:.08em;font-size:.58rem;font-weight:700}.nav-tab.active{background:#bfff0014}.nav-tab.active:before{background:linear-gradient(90deg,#bfff0000,var(--primary),#bfff0000);border-radius:9999px;height:3px;inset:auto 30% -2px}.btn{border-radius:14px;font-weight:700}.btn-primary{color:#0a0d0f;box-shadow:var(--neo-shadow);background:linear-gradient(#c7ff2d 0%,#bfff00 52%,#95cc00 100%)}.btn-outline{color:var(--primary);background:#bfff000f;border-color:#bfff0059}.card,.auth-card,.section-card,.profile-card,.restaurant-card,.discover-toolbar,.rw-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border-color:#ffffff14;box-shadow:0 8px 28px #0000004d}.form-group input,.form-group select,.form-group textarea,.search-input,.search-bar{color:var(--text-light);background:#ffffff0a;border-color:#ffffff1f}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.search-input:focus,.search-bar:focus{background:#bfff000d;border-color:#bfff0080;box-shadow:0 0 0 3px #bfff0026}.auth-page,.error-page{background:radial-gradient(72% 48% at 10% 0,#bfff001f 0%,#0000 68%),linear-gradient(165deg,#050608 0%,#0b1018 52%,#07090d 100%)}.landing-page{background:radial-gradient(68% 46% at 12% 0,#bfff0029 0%,#0000 70%),radial-gradient(44% 30% at 82% 78%,#4c6eff24 0%,#0000 72%),linear-gradient(160deg,#050608 0%,#0a0d14 56%,#06080c 100%)}.landing-nav,.feature-card,.how-card,.review-card,.biz-card,.install-card{background:#ffffff08;border-color:#ffffff14}.toast.info{color:#09100b;background:linear-gradient(135deg,#4c7d00,#8ccf00)}@media (max-width:440px){.navbar,.app-bottom-nav{width:calc(100% - 12px)}}@media (max-width:540px){.navbar,.app-bottom-nav{width:calc(100% - 20px)}}@media (min-width:641px){.container{width:min(100%,720px);padding-inline:24px}.navbar,.app-bottom-nav{width:min(100% - 32px,720px)}}@media (min-width:1025px){.container{width:min(100%,900px);padding-inline:32px}.navbar,.app-bottom-nav{width:min(100% - 40px,900px)}}