@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--landing-ink: #0f172a;--landing-muted: #64748b;--landing-surface: #f8fafc;--landing-card: #ffffff;--landing-accent: #14b8a6;--landing-accent-dark: #0f766e;--landing-warm: #f59e0b;--landing-shadow: rgba(15, 23, 42, .12)}.landing-page{font-family:Plus Jakarta Sans,sans-serif;background:radial-gradient(900px 500px at 10% 0%,#14b8a61f,#14b8a600 70%),radial-gradient(700px 400px at 100% 0%,#f59e0b24,#f59e0b00 65%),var(--landing-surface);color:var(--landing-ink);min-height:100vh}body{font-family:Plus Jakarta Sans,sans-serif}.search-bar-container{max-width:600px;margin:0 auto;padding:15px 20px}.search-form-header .form-control{background:#ffffffe6;border:1px solid rgba(255,255,255,.3);color:#333}.search-form-header .form-control::placeholder{color:#999}.search-form-header .form-control:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40;color:#333}.search-form-header .btn{border:1px solid rgba(255,255,255,.3);padding:.6rem 1rem}.search-bar-wrapper .input-group{box-shadow:0 2px 10px #667eea26;border-radius:25px;overflow:hidden}.search-bar-wrapper .form-control{border-radius:25px 0 0 25px;font-size:.95rem;padding:.7rem 1.2rem;border:1px solid #e0e0e0}.search-bar-wrapper .form-control:focus{border-color:#667eea;box-shadow:none}.search-bar-wrapper .btn{border-radius:0 25px 25px 0;padding:.7rem 1rem;font-weight:600}.search-status{text-align:center;font-size:.85rem;color:#999;margin-top:5px;height:20px;transition:all .3s ease}.search-status.loading .spinner-border{display:inline-block!important}.search-status.success{color:#28a745}.search-status.error{color:#dc3545}@keyframes pulse-search{0%,to{box-shadow:0 2px 10px #667eea26}50%{box-shadow:0 2px 20px #667eea4d}}.floating-search .input-group.searching{animation:pulse-search 1s ease-in-out infinite}.hero-section{background:linear-gradient(135deg,#051937,#004d7a);min-height:60vh;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="50" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="30" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.1}.search-form{max-width:600px;margin:0 auto}.search-form .input-group{box-shadow:0 10px 30px #0003;border-radius:50px;overflow:hidden}.search-form .form-control{border-radius:50px 0 0 50px;font-size:1.1rem;padding:1rem 1.5rem}.search-form .btn{border-radius:0 50px 50px 0;padding:.75rem 2rem;font-weight:600}.umkm-card{transition:all .3s ease;border-radius:15px;overflow:hidden}.umkm-card .card-body{min-width:0}.umkm-card .card-title,.umkm-card .umkm-address,.umkm-card .umkm-rating-meta{overflow:hidden;text-overflow:ellipsis}.umkm-card .card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.umkm-card .umkm-address{display:block;line-height:1.35;white-space:normal;max-height:2.7em;word-break:break-word}.umkm-card .umkm-rating-block{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.umkm-card .umkm-rating-block .stars{flex:0 0 auto}.umkm-card .umkm-rating-meta{display:inline-block;max-width:100%;white-space:nowrap}.umkm-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.card-img-container{position:relative;height:200px;overflow:hidden}.umkm-image{height:100%;width:100%;object-fit:cover;display:block;transition:transform .3s ease}.umkm-card:hover .umkm-image{transform:scale(1.05)}.umkm-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.umkm-card:hover .umkm-overlay{opacity:1}.preference-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.7rem;font-weight:600;padding:.35rem .6rem;border-radius:999px;box-shadow:0 6px 14px #16a34a4d;z-index:2}.preference-badge--compact{font-size:.6rem;padding:.25rem .45rem}.umkm-detail-modal-image{width:100%;max-width:220px;height:160px;object-fit:cover;border-radius:12px;background:#f8f9fa}.preference-category-list{display:grid;gap:.75rem;max-height:320px;overflow-y:auto;padding-right:.35rem}.preference-option{border:1px solid #e2e8f0;border-radius:12px;padding:.6rem .75rem;background:#f8fafc;display:flex;flex-direction:column;gap:.25rem;cursor:pointer}.preference-option__row{display:flex;align-items:center;gap:.5rem}.preference-option input[type=checkbox]{margin-top:.1rem}.rating{display:flex;align-items:center}.stars{display:flex;gap:2px}.stars i{font-size:.9rem}.empty-state{padding:3rem 0}.recommended-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.recommended-card{transition:all .3s ease;border-radius:12px;overflow:hidden;position:relative}.recommended-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.recommended-image{height:120px;width:100%;object-fit:cover;display:block;transition:transform .3s ease}.recommended-card:hover .recommended-image{transform:scale(1.05)}.recommended-badge{position:absolute;top:8px;right:8px;background:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;font-size:14px}.recommended-card .stars{display:flex;gap:1px;justify-content:center}.recommended-card .stars i{font-size:.8rem}.recommended-mobile-slider{display:flex;gap:.55rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 .2rem .35rem}.recommended-mobile-slider::-webkit-scrollbar{height:5px}.recommended-mobile-slider::-webkit-scrollbar-thumb{background:#c4ccda;border-radius:999px}.recommended-mobile-item{flex:0 0 calc((100% - 1.1rem) / 3);scroll-snap-align:start;min-width:108px}@media(max-width:768px){.hero-section{min-height:50vh;padding:2rem 0}.display-4{font-size:2rem;line-height:1.2}.hero-section .lead{font-size:1rem;margin-bottom:1.25rem!important}.hero-section .btn{width:100%;max-width:320px}.umkm-card,.recommended-card{margin-bottom:1rem}.umkm-section .d-flex.justify-content-between.align-items-center{flex-direction:column;align-items:flex-start!important;gap:.5rem}}@media(max-width:576px){.hero-section{min-height:44vh}.hero-section .container{padding-left:1rem;padding-right:1rem}.search-form .input-group{flex-direction:column}.search-form .form-control{border-radius:25px 25px 0 0;border-bottom:none}.search-form .btn{border-radius:0 0 25px 25px}.recommended-section,.umkm-section{padding-top:2rem!important;padding-bottom:2rem!important}.card-img-container{height:150px}.recommended-image{height:86px}.umkm-card .card-body{padding:.75rem}.umkm-card .card-title{font-size:.95rem;line-height:1.35}.umkm-card .card-footer{padding:.5rem .75rem .75rem}.recommended-mobile-item .card-title{font-size:.78rem}.recommended-mobile-item .btn{font-size:.72rem;padding:.3rem .4rem}}.navbar-custom{background:#0f172ad9;border-bottom:1px solid rgba(148,163,184,.2);box-shadow:0 16px 32px #0f172a40}.navbar-brand{color:#f8fafc!important}.nav-link{color:#e2e8f0cc!important}.nav-link:hover{color:#fff!important}.search-container input{background:#0f172a66;border:1px solid rgba(255,255,255,.2);color:#f8fafc}.search-container input::placeholder{color:#e2e8f099}.search-container input:focus{box-shadow:0 0 0 4px #14b8a633;border-color:#14b8a6a6}.hero-section{min-height:68vh;padding:4.5rem 0 5.5rem;background:radial-gradient(1000px 500px at 10% -10%,#14b8a673,#14b8a600 65%),radial-gradient(700px 420px at 90% 10%,#f59e0b59,#f59e0b00 65%),linear-gradient(135deg,#0f172a,#0f3d4f 55%,#0b1324);color:#f8fafc;position:relative;overflow:hidden}.hero-section:before,.hero-section:after{content:"";position:absolute;border-radius:50%;filter:blur(0px);opacity:.55}.hero-section:before{width:420px;height:420px;background:radial-gradient(circle,#ffffff40,#fff0 70%);right:-140px;top:-160px}.hero-section:after{width:300px;height:300px;background:radial-gradient(circle,#5eead459,#5eead400 70%);left:-120px;bottom:-120px}.hero-inner{position:relative;z-index:2}.hero-panel{padding:2.8rem 2.6rem;border-radius:28px;background:#0f172a99;border:1px solid rgba(255,255,255,.15);box-shadow:0 35px 70px #0f172a73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:heroFadeUp .8s ease}.hero-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .85rem;border-radius:999px;background:#14b8a633;color:#a7f3d0;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.4rem}.hero-title{font-size:2.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem}.hero-subtitle{font-size:1.05rem;color:#e2e8f0cc;max-width:520px;margin:0 auto 1.75rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:1.75rem}.btn-hero-primary,.btn-hero-ghost{padding:.9rem 1.6rem;font-weight:600;border-radius:999px;display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.btn-hero-primary{background:linear-gradient(135deg,var(--landing-accent) 0%,var(--landing-accent-dark) 100%);color:#fff;border:none;box-shadow:0 16px 30px #0f766e59}.btn-hero-primary:hover{transform:translateY(-1px);color:#fff;box-shadow:0 22px 36px #0f766e73}.btn-hero-ghost{background:transparent;border:1px solid rgba(255,255,255,.4);color:#f8fafc}.btn-hero-ghost:hover{background:#ffffff1f;color:#fff}.hero-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.hero-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#e2e8f0e6;font-size:.8rem;background:#0f172a66}.recommended-section{background:linear-gradient(180deg,#f8fafc,#eef2f7)}.recommended-card{border-radius:18px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 40px #0f172a14}.recommended-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px #0f172a1f}.recommended-badge{background:#ffffffe6;border:1px solid rgba(15,118,110,.2)}.umkm-section{background:var(--landing-surface)}.umkm-card{border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 18px 36px #0f172a14}.umkm-card:hover{transform:translateY(-6px);box-shadow:0 26px 48px #0f172a1f}.card-img-container{height:210px}.umkm-overlay{background:linear-gradient(135deg,#0f172aa6,#0f172a40)}.preference-badge{background:linear-gradient(135deg,#facc15,#f97316);box-shadow:0 10px 20px #f9731659}.empty-state{background:#fff;border-radius:18px;border:1px dashed #e2e8f0}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:991.98px){.hero-section{min-height:60vh}.hero-panel{padding:2.3rem 2rem}.hero-title{font-size:2.1rem}}@media(max-width:576px){.hero-panel{padding:2rem 1.6rem}.hero-title{font-size:1.85rem}.hero-actions{flex-direction:column}.btn-hero-primary,.btn-hero-ghost{width:100%;justify-content:center}.card-img-container{height:165px}.umkm-card .card-body{padding:.7rem}.umkm-card .card-title{font-size:.92rem;line-height:1.3}.umkm-card .umkm-address{font-size:.8rem;max-height:2.4em}.umkm-card .umkm-rating-block{align-items:flex-start}.umkm-card .umkm-rating-meta{display:block;margin-left:0!important;white-space:normal;line-height:1.2}}