:root{--cream:#faf6ef;--warm:#f2ead8;--sand:#e8d9be;--terracotta:#c4603a;--deep-terra:#9e3f22;--gold:#c9972b;--gold-light:#e8c46a;--forest:#2d4a35;--forest-light:#4a7a56;--night:#1a1410;--dusk:#2e2218;--mist:#faf6ef0f;--glass:#faf6ef14}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--night);color:var(--cream);min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.hero{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.map-canvas{background:radial-gradient(80% 60% at 50% 60%,#1e3d2a 0%,#0000 70%),radial-gradient(50% 40% at 30% 40%,#162e1e 0%,#0000 60%),radial-gradient(60% 50% at 70% 70%,#1a2f1f 0%,#0000 60%),linear-gradient(160deg,#0d1a12 0%,#121c10 40%,#0e1a0f 100%);position:absolute;inset:0;overflow:hidden}.map-canvas:after{content:"";background-image:repeating-linear-gradient(15deg,#0000,#0000 38px,#4a7a560a 38px 39px),repeating-linear-gradient(-15deg,#0000,#0000 52px,#2d4a350d 52px 53px);position:absolute;inset:0}.ocean{background:linear-gradient(#0000,#0f233766 30%,#08192db3 70%,#050f23e6);height:35%;position:absolute;bottom:0;left:0;right:0}.light-blob{filter:blur(80px);pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite pulse-blob;position:absolute}.blob-1{background:#c4603a1f;width:400px;height:300px;animation-delay:0s;top:20%;left:55%}.blob-2{background:#c9972b14;width:300px;height:250px;animation-delay:3s;top:50%;left:20%}.blob-3{background:#2d4a3533;width:350px;height:280px;animation-delay:5s;top:30%;left:35%}@keyframes pulse-blob{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}nav{z-index:100;justify-content:space-between;align-items:center;padding:28px 48px;display:flex;position:relative}.logo{align-items:center;gap:10px;display:flex}.logo-mark{background:linear-gradient(135deg,var(--terracotta),var(--gold));border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 4px 20px #c4603a66}.logo-text{letter-spacing:.5px;color:var(--cream);font-family:Cormorant Garamond,serif;font-size:22px;font-weight:600}.logo-text span{color:var(--gold)}.nav-pills{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1a141099;border:1px solid #faf6ef1a;border-radius:100px;gap:8px;padding:6px;display:flex}.nav-pill{color:#faf6ef99;cursor:pointer;letter-spacing:.2px;background:0 0;border:none;border-radius:100px;padding:7px 18px;font-size:13px;font-weight:400;transition:all .25s}.nav-pill:hover{color:var(--cream)}.nav-pill.active{background:var(--terracotta);color:var(--cream);box-shadow:0 2px 12px #c4603a80}.nav-cta{background:linear-gradient(135deg,var(--gold),var(--terracotta));color:var(--cream);cursor:pointer;white-space:nowrap;border:none;border-radius:100px;padding:9px 22px;font-size:13px;font-weight:500;transition:all .25s;box-shadow:0 4px 16px #c9972b4d}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px #c9972b73}.map-pin{cursor:pointer;z-index:10;transition:all .3s;animation:.6s both pin-appear;position:absolute}@keyframes pin-appear{0%{opacity:0;transform:translateY(-12px)scale(.7)}to{opacity:1;transform:translateY(0)scale(1)}}.map-pin:hover{z-index:20;transform:scale(1.15)}.pin-dot{cursor:pointer;border:2px solid #faf6efe6;border-radius:50%;width:14px;height:14px;position:relative;box-shadow:0 0 0 3px #c4603a4d,0 4px 12px #00000080}.pin-dot:after{content:"";opacity:.4;border:1px solid;border-radius:50%;animation:2.5s infinite ripple;position:absolute;inset:-4px}@keyframes ripple{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.pin-label{white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#1a1410d9;border:1px solid #faf6ef1f;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:500;transition:opacity .2s;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.map-pin:hover .pin-label{opacity:1}.pin-rating{color:var(--gold-light);margin-top:1px;font-size:10px;display:block}.pin-terra .pin-dot{background:var(--terracotta)}.pin-terra .pin-dot:after{border-color:var(--terracotta)}.pin-gold .pin-dot{background:var(--gold)}.pin-gold .pin-dot:after{border-color:var(--gold)}.pin-forest .pin-dot{background:var(--forest-light)}.pin-forest .pin-dot:after{border-color:var(--forest-light)}.hero-content{z-index:50;max-width:540px;padding:60px 48px 40px;position:relative}.eyebrow{color:var(--gold-light);letter-spacing:1.2px;text-transform:uppercase;background:#c9972b1f;border:1px solid #c9972b40;border-radius:100px;align-items:center;gap:7px;margin-bottom:24px;padding:5px 14px;font-size:11px;font-weight:500;animation:.8s both fade-up;display:inline-flex}.eyebrow-dot{background:var(--gold);border-radius:50%;width:6px;height:6px;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero h1{letter-spacing:-.5px;margin-bottom:20px;font-family:Cormorant Garamond,serif;font-size:clamp(46px,5vw,68px);font-weight:300;line-height:1.08;animation:.8s .1s both fade-up}.hero h1 em{color:var(--gold-light);font-style:italic}.hero h1 .highlight{color:var(--terracotta);display:inline-block;position:relative}.hero-sub{color:#faf6ef8c;max-width:380px;margin-bottom:36px;font-size:15px;font-weight:300;line-height:1.65;animation:.8s .2s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:32px;animation:.8s .3s both fade-up;display:flex}.filter-pill{cursor:pointer;color:#faf6efa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;background:#1a141080;border:1px solid #faf6ef26;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:400;transition:all .2s;display:flex}.filter-pill:hover{color:var(--cream);background:#faf6ef14;border-color:#faf6ef4d}.filter-pill.active{border-color:var(--terracotta);color:var(--cream);background:#c4603a26;box-shadow:0 0 16px #c4603a33}.pill-icon{font-size:14px}.search-wrap{gap:10px;animation:.8s .4s both fade-up;display:flex}.search-input{color:var(--cream);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1a1410b3;border:1px solid #faf6ef26;border-radius:100px;outline:none;flex:1;padding:14px 22px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.search-input::placeholder{color:#faf6ef59}.search-input:focus{border-color:#c9972b80;box-shadow:0 0 0 3px #c9972b14}.search-btn{background:linear-gradient(135deg,var(--terracotta),var(--deep-terra));color:var(--cream);cursor:pointer;white-space:nowrap;border:none;border-radius:100px;padding:14px 26px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .25s;box-shadow:0 4px 20px #c4603a66}.search-btn:hover{transform:translateY(-1px);box-shadow:0 6px 28px #c4603a8c}.stat-float{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1410bf;border:1px solid #faf6ef1a;border-radius:16px;padding:16px 20px;animation:.8s .6s both float-in;position:absolute}@keyframes float-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stat-float-1{top:140px;right:48px}.stat-float-2{bottom:160px;right:180px}.stat-float-3{bottom:200px;right:48px}.stat-num{color:var(--gold-light);margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:32px;font-weight:600;line-height:1}.stat-label{color:#faf6ef73;letter-spacing:.5px;text-transform:uppercase;font-size:11px}.cards-section{z-index:50;margin-top:auto;padding:0 48px 48px;position:relative}.cards-label{color:#faf6ef59;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:500}.cards-row{scrollbar-width:none;gap:14px;padding-bottom:4px;display:flex;overflow-x:auto}.cards-row::-webkit-scrollbar{display:none}.resto-card{cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1a1410cc;border:1px solid #faf6ef1a;border-radius:18px;flex:0 0 220px;transition:all .3s;animation:.7s both card-in;overflow:hidden}.resto-card:nth-child(2){animation-delay:.1s}.resto-card:nth-child(3){animation-delay:.2s}.resto-card:nth-child(4){animation-delay:.3s}.resto-card:nth-child(5){animation-delay:.4s}@keyframes card-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.resto-card:hover{border-color:#c9972b4d;transform:translateY(-4px);box-shadow:0 20px 40px #00000080}.card-img-placeholder{justify-content:center;align-items:center;width:100%;height:120px;font-size:36px;display:flex;position:relative;overflow:hidden}.card-badge{color:var(--gold-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.3px;background:#1a1410d9;border:1px solid #faf6ef26;border-radius:100px;padding:3px 9px;font-size:10px;font-weight:500;position:absolute;top:10px;left:10px}.card-trend{color:var(--cream);background:#c4603ad9;border-radius:100px;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:500;display:flex;position:absolute;top:10px;right:10px}.card-body{padding:14px}.card-name{color:var(--cream);margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:16px;font-weight:600;line-height:1.2}.card-area{color:#faf6ef73;align-items:center;gap:4px;margin-bottom:10px;font-size:11px;display:flex}.card-meta{justify-content:space-between;align-items:center;display:flex}.card-rating{color:var(--gold-light);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.card-price{color:#faf6ef80;background:#faf6ef0f;border-radius:100px;padding:3px 10px;font-size:11px}.card-insight{color:#faf6ef66;border-top:1px solid #faf6ef0f;margin-top:10px;padding-top:9px;font-size:10.5px;font-style:italic;line-height:1.5}.card-color-1{background:linear-gradient(135deg,#3d1f0f,#6b3520)}.card-color-2{background:linear-gradient(135deg,#1a2f1a,#2d5020)}.card-color-3{background:linear-gradient(135deg,#2a1a3a,#4a2060)}.card-color-4{background:linear-gradient(135deg,#1a2a35,#203a50)}.card-color-5{background:linear-gradient(135deg,#35200a,#5a3815)}.chat-bubble{z-index:500;position:fixed;bottom:28px;right:28px}.chat-toggle{background:linear-gradient(135deg,var(--terracotta),var(--gold));cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:22px;transition:all .3s;animation:3s 2s infinite pulse-ring;display:flex;position:relative;box-shadow:0 6px 28px #c4603a8c,0 0 #c4603a66}@keyframes pulse-ring{0%{box-shadow:0 6px 28px #c4603a8c,0 0 #c4603a66}70%{box-shadow:0 6px 28px #c4603a8c,0 0 0 14px #c4603a00}to{box-shadow:0 6px 28px #c4603a8c,0 0 #c4603a00}}.chat-toggle:hover{transform:scale(1.08)}.chat-notif{background:var(--gold);width:16px;height:16px;color:var(--night);border:2px solid var(--night);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.chat-panel{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#16110df7;border:1px solid #faf6ef1f;border-radius:24px;flex-direction:column;width:360px;max-height:500px;display:none;position:absolute;bottom:74px;right:0;overflow:hidden;box-shadow:0 30px 80px #000000b3,0 0 0 1px #c9972b14}.chat-panel.open{animation:.3s cubic-bezier(.34,1.56,.64,1) both chat-open;display:flex}@keyframes chat-open{0%{opacity:0;transform-origin:100% 100%;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.chat-header{background:linear-gradient(135deg,#c4603a1a,#c9972b0d);border-bottom:1px solid #faf6ef14;flex-shrink:0;align-items:center;gap:12px;padding:18px 20px;display:flex}.chat-avatar{background:linear-gradient(135deg,var(--terracotta),var(--gold));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex;box-shadow:0 4px 12px #c4603a59}.chat-header-info h3{color:var(--cream);font-family:Cormorant Garamond,serif;font-size:16px;font-weight:600;line-height:1.2}.chat-status{color:#faf6ef73;align-items:center;gap:5px;font-size:11px;display:flex}.status-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s infinite blink}.chat-close{color:#faf6ef66;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;font-size:18px;line-height:1;transition:color .2s}.chat-close:hover{color:var(--cream)}.chat-messages{scrollbar-width:thin;scrollbar-color:#faf6ef1a transparent;flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.msg{gap:10px;animation:.4s both msg-appear;display:flex}@keyframes msg-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.msg-ai .msg-avatar{background:linear-gradient(135deg,var(--terracotta),var(--gold));box-shadow:0 2px 8px #c4603a4d}.msg-user{flex-direction:row-reverse}.msg-user .msg-avatar{background:#faf6ef1a;border:1px solid #faf6ef1f}.msg-bubble{border-radius:14px;max-width:260px;padding:11px 14px;font-size:13px;line-height:1.55}.msg-ai .msg-bubble{color:#faf6efd9;background:#faf6ef0f;border:1px solid #faf6ef14;border-radius:4px 14px 14px}.msg-user .msg-bubble{color:var(--cream);background:linear-gradient(135deg,#c4603a40,#c9972b26);border:1px solid #c4603a40;border-radius:14px 4px 14px 14px}.msg-bubble strong{color:var(--gold-light);font-weight:500}.typing-indicator{align-items:center;gap:10px;display:flex}.typing-dots{background:#faf6ef0f;border:1px solid #faf6ef14;border-radius:4px 14px 14px;gap:4px;padding:10px 14px;display:flex}.typing-dot{background:#faf6ef66;border-radius:50%;width:6px;height:6px;animation:1.4s infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.chat-input-area{border-top:1px solid #faf6ef14;flex-shrink:0;gap:8px;padding:14px 16px;display:flex}.chat-input{color:var(--cream);background:#faf6ef0f;border:1px solid #faf6ef1a;border-radius:100px;outline:none;flex:1;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s}.chat-input::placeholder{color:#faf6ef4d}.chat-input:focus{border-color:#c9972b59}.chat-send{background:linear-gradient(135deg,var(--terracotta),var(--gold));cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;transition:all .2s;display:flex;box-shadow:0 3px 12px #c4603a66}.chat-send:hover{transform:scale(1.1)}.quick-prompts{flex-wrap:wrap;flex-shrink:0;gap:6px;padding:0 16px 14px;display:flex}.qp{color:#faf6ef80;cursor:pointer;white-space:nowrap;background:#faf6ef0d;border:1px solid #faf6ef1a;border-radius:100px;padding:5px 12px;font-size:11px;transition:all .2s}.qp:hover{color:var(--cream);background:#c4603a14;border-color:#c4603a66}.profile-overlay{z-index:200;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#16110df2;border:1px solid #faf6ef1a;border-radius:20px;width:280px;padding:20px;animation:.3s both slide-up;position:fixed;bottom:100px;left:48px;box-shadow:0 20px 60px #0009}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.profile-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.profile-title{font-family:Cormorant Garamond,serif;font-size:16px;font-weight:600}.profile-title span{color:var(--gold);font-style:italic}.profile-vector{color:#faf6ef59;letter-spacing:.5px;font-size:10px}.vector-bar{margin-bottom:12px}.vector-label{color:#faf6ef80;justify-content:space-between;margin-bottom:5px;font-size:11px;display:flex}.vector-track{background:#faf6ef14;border-radius:2px;height:4px;overflow:hidden}.vector-fill{border-radius:2px;height:100%;transition:width 1.5s cubic-bezier(.34,1.1,.64,1)}.v-local{background:linear-gradient(90deg,var(--forest-light),var(--gold))}.v-budget{background:linear-gradient(90deg,var(--gold),var(--gold-light))}.v-ambience{background:linear-gradient(90deg,var(--terracotta),var(--gold))}.v-spicy{background:linear-gradient(90deg,#e05555,var(--terracotta))}.taste-tags{border-top:1px solid #faf6ef12;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:14px;display:flex}.taste-tag{color:var(--gold-light);background:#c9972b1a;border:1px solid #c9972b33;border-radius:100px;padding:4px 10px;font-size:10px}.weather-widget{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#16110dbf;border:1px solid #faf6ef1a;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;animation:.8s .8s both float-in;display:flex;position:absolute;top:100px;right:48px}.weather-icon{font-size:24px}.weather-temp{color:var(--cream);font-family:Cormorant Garamond,serif;font-size:22px;font-weight:400;line-height:1}.weather-label{color:#faf6ef66;letter-spacing:.5px;margin-top:2px;font-size:10px}.weather-note{color:#c9972bcc;border-left:1px solid #faf6ef1a;padding-left:12px;font-size:10.5px;font-style:italic}.bottom-grad{pointer-events:none;z-index:40;background:linear-gradient(#0000 0%,#0f0a0899 50%,#0f0a08f2 100%);height:280px;position:absolute;bottom:0;left:0;right:0}@media (max-width:768px){nav{padding:20px 24px}nav .nav-pills{display:none}.hero-content{padding:40px 24px 24px}.cards-section{padding:0 24px 32px}.stat-float-2,.stat-float-3{display:none}.stat-float-1{top:auto;bottom:260px;right:24px}.profile-overlay{width:auto;left:16px;right:16px}.chat-bubble{bottom:20px;right:20px}.chat-panel{width:320px;right:0}.weather-widget{top:75px;right:24px}}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.map-canvas{background-image:url(https://api.jawgs.io/styles/jawgs-sunny.json?access-token=YOUR_ACCESS_TOKEN)}