:root{color:#f6f7ff;background:#05060a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:#05060a}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.page{position:relative;min-height:100vh;overflow:hidden;padding:28px 20px 58px;background:linear-gradient(180deg,#00000047,#000000d1),radial-gradient(circle at 72% 12%,rgba(18,223,210,.22),transparent 28%),radial-gradient(circle at 14% 78%,rgba(76,129,255,.18),transparent 34%),linear-gradient(135deg,#020307,#071016 45%,#020407);transition:background .24s ease,color .24s ease}.page:before,.page:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.page:before{background:radial-gradient(circle at 54% 36%,rgba(255,226,159,.2) 0 2px,transparent 3px),radial-gradient(circle at 60% 42%,rgba(255,255,255,.18) 0 1px,transparent 2px),radial-gradient(circle at 45% 58%,rgba(255,226,159,.16) 0 1px,transparent 2px),linear-gradient(113deg,transparent 20%,rgba(255,227,155,.26) 21%,transparent 22%),linear-gradient(28deg,transparent 35%,rgba(255,255,255,.13) 36%,transparent 38%),linear-gradient(150deg,transparent 48%,rgba(21,255,239,.18) 49%,transparent 51%),linear-gradient(90deg,rgba(21,255,239,.032) 1px,transparent 1px),linear-gradient(0deg,rgba(119,78,255,.026) 1px,transparent 1px);background-size:360px 260px,300px 220px,420px 280px,auto,auto,auto,72px 72px,72px 72px;-webkit-mask-image:radial-gradient(circle at 50% 34%,black 0%,transparent 78%);mask-image:radial-gradient(circle at 50% 34%,black 0%,transparent 78%)}.page:after{background:linear-gradient(180deg,#0203070a,#020307c2),radial-gradient(circle at 78% 40%,rgba(21,255,239,.12),transparent 24%),linear-gradient(111deg,transparent 0 44%,rgba(255,255,255,.09) 46%,transparent 49%)}.city-map{position:absolute;top:34px;right:max(-70px,calc((100vw - 1180px)/2 - 56px));width:min(62vw,780px);aspect-ratio:1.45;border-radius:28px;opacity:.82;transform:rotate(-6deg);background:linear-gradient(0deg,rgba(21,255,239,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,255,239,.035) 1px,transparent 1px),linear-gradient(29deg,transparent 18%,rgba(21,255,239,.5) 19%,transparent 21%),linear-gradient(143deg,transparent 27%,rgba(53,112,255,.26) 28%,transparent 31%),linear-gradient(97deg,transparent 35%,rgba(119,78,255,.42) 36%,transparent 38%),linear-gradient(15deg,transparent 45%,rgba(21,255,239,.38) 46%,transparent 48%),linear-gradient(156deg,transparent 51%,rgba(255,255,255,.11) 52%,transparent 54%),radial-gradient(circle at 45% 52%,rgba(21,255,239,.2),transparent 36%),#020a0e99;background-size:48px 48px,48px 48px,auto,auto,auto,auto,auto,auto,auto;filter:blur(.1px);pointer-events:none}.city-map:before,.city-map:after{position:absolute;content:""}.city-map:before{top:10%;right:10%;bottom:10%;left:10%;border:1px solid rgba(70,255,236,.2);border-radius:50%;transform:rotate(18deg)}.city-map:after{top:48%;left:45%;width:12px;height:12px;border-radius:999px;background:#15ffef;box-shadow:0 0 0 8px #15ffef1a,0 0 34px #15ffefb3}.city-map span{position:absolute;top:43%;left:50%;color:#f6f7ff80;font-size:.88rem;font-weight:800;letter-spacing:0}.shell{position:relative;z-index:1;width:min(100%,1120px);margin:0 auto}.topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:38px}.brand{position:relative;display:inline-flex;align-items:center;gap:9px;color:#f6f7ff;font-size:1rem;font-style:italic;font-weight:900;letter-spacing:0;text-shadow:0 0 18px rgba(21,255,239,.2),0 10px 30px rgba(0,0,0,.5);transform:skew(-7deg)}.brand:before{width:16px;height:16px;border:1px solid rgba(21,255,239,.72);border-radius:999px;box-shadow:0 0 14px #15ffef5c,inset 0 0 10px #774eff2e;content:""}.brand:after{position:absolute;left:-3px;width:23px;height:7px;border-top:1px solid rgba(139,92,246,.78);border-radius:50%;transform:rotate(-24deg);content:""}.hero{max-width:820px;margin-bottom:18px}.hero h1{max-width:720px;margin:0}.logo-title{position:relative;width:fit-content;color:#f4f7ff;font-size:clamp(3.25rem,8vw,6.4rem);font-style:italic;font-weight:950;letter-spacing:0;line-height:.88;text-transform:uppercase;transform:skew(-7deg);filter:drop-shadow(0 22px 56px rgba(0,0,0,.55))}.logo-title:before{position:absolute;right:-12%;bottom:12%;width:78%;height:37%;border:2px solid rgba(21,255,239,.24);border-left-color:transparent;border-bottom-color:#774eff57;border-radius:50%;transform:rotate(-11deg) skew(7deg);box-shadow:0 0 28px #15ffef1f,inset 0 0 28px #774eff14;content:""}.logo-title:after{position:absolute;top:51%;left:3%;width:86%;height:2px;background:linear-gradient(90deg,transparent,rgba(21,255,239,.8),transparent);opacity:.48;transform:skew(7deg);box-shadow:0 0 18px #15ffef47;content:""}.logo-line{position:relative;z-index:1;display:block;width:fit-content;background:linear-gradient(96deg,rgba(255,255,255,.8),transparent 18%,rgba(255,255,255,.9) 36%,transparent 52%),linear-gradient(180deg,#fff,#d9e7ef 24%,#f7f0dc 44%,#8d98a1 68%,#f3fbff),#f4f7ff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.26);text-shadow:1px 2px 0 rgba(255,255,255,.18),-1px -1px 0 rgba(0,0,0,.5),0 3px 0 rgba(55,57,61,.5),0 0 22px rgba(21,255,239,.18),0 0 58px rgba(119,78,255,.2)}.logo-global{font-size:.92em;font-weight:780}.logo-pulse{margin-top:-.03em;padding-right:.24em;background:linear-gradient(105deg,rgba(255,255,255,.92),transparent 16%,rgba(255,255,255,.78) 30%,transparent 48%),linear-gradient(180deg,#fffef4,#d8d0bc,#fefbf0,#8d8f91,#f3fbff 76%,#7b848b);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1.4px rgba(255,255,255,.32);text-shadow:1px 2px 0 rgba(255,255,255,.16),-1px -1px 0 rgba(0,0,0,.62),0 4px 0 rgba(58,59,62,.72),0 0 20px rgba(255,242,207,.22),0 0 58px rgba(21,255,239,.2)}.logo-pulse:after{position:absolute;right:-.05em;bottom:.11em;width:.18em;height:.18em;border-radius:999px;background:#15ffef;box-shadow:0 0 0 7px #15ffef14,0 0 26px #15ffefb8;content:""}.city-switcher{min-height:45px;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(70,255,236,.22);border-radius:999px;padding:6px 7px 6px 15px;color:#f6f7ff;background:linear-gradient(180deg,#f6f7ff1c,#f6f7ff0b);box-shadow:0 18px 52px #00000057,0 0 28px #46ffec0f,inset 0 1px #ffffff2e;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.city-switcher:hover{border-color:#46ffec7a;box-shadow:0 20px 54px #00000057,0 0 28px #46ffec29;transform:translateY(-1px)}.city-switcher-label{color:#f6f7ff8c;font-size:.76rem;font-weight:820;text-transform:uppercase}.city-switcher-caret{color:#f6f7ffb8;font-size:.86em}.city-switcher-name{color:#f6f7ff;font-weight:880}.city-switcher-action{border-radius:999px;padding:8px 11px;color:#05060a;background:linear-gradient(135deg,#15ffef,#e7f7ff 54%,#8b5cf6);box-shadow:inset 0 1px #ffffffd1,0 0 22px #46ffec2e;font-size:.82rem;font-weight:860}.search-card,.loading-card,.answer-card,.result-card,.error-card{border:1px solid rgba(21,255,239,.22);border-radius:8px;background:linear-gradient(180deg,#0a1218e0,#02050be6),#02040ad1;box-shadow:0 0 0 1px #774eff24,0 30px 92px #000000ad,0 0 58px #15ffef14,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.search-input-shell{position:relative}.search-input-shell:before{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:13px;background:linear-gradient(135deg,#55c6ffe0,#15ffef75,#5282ffb8);opacity:.72;filter:blur(8px);content:""}.search-row input{position:relative;z-index:1;border:1px solid rgba(21,255,239,.24);border-radius:12px;color:#f6f7ff;background:linear-gradient(180deg,#5b91b73d,#0b192dbd),#0c172a94;box-shadow:inset 0 1px #ffffff52,inset 0 -18px 42px #00000042,0 0 38px #4ab2ff33;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.search-row input::placeholder{color:#f6f7ff66}.search-row input:focus{border-color:#77dafff2;background:linear-gradient(180deg,#70a9cf4d,#0c1a2fc7),#02050ce0;box-shadow:0 0 0 4px #4fbeff1c,0 0 44px #4fbeff57,inset 0 0 0 1px #ffffff2e}.search-icon{position:absolute;z-index:2;right:20px;top:50%;width:24px;height:24px;border:3px solid rgba(224,242,255,.8);border-radius:999px;transform:translateY(-50%);pointer-events:none;filter:drop-shadow(0 0 10px rgba(92,192,255,.58))}.search-icon:after{position:absolute;right:-8px;bottom:-6px;width:11px;height:3px;border-radius:999px;background:#e0f2ffcc;transform:rotate(45deg);content:""}.search-card{position:relative;padding:18px;overflow:hidden}.search-card:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(21,255,239,.08),transparent),radial-gradient(circle at 18% 0%,rgba(21,255,239,.12),transparent 34%),radial-gradient(circle at 92% 16%,rgba(119,78,255,.16),transparent 32%);pointer-events:none;content:""}.search-card>*{position:relative;z-index:1}.search-form{margin:0}.search-row{display:grid;gap:14px}.search-row input{width:100%;min-height:62px;padding:0 60px 0 22px;font-size:1.06rem}.action-buttons{display:grid;gap:12px}.action-count-2{grid-template-columns:1fr 1fr}.action-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.action-buttons button{min-height:64px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:0 24px;font-size:1.04rem;font-weight:900;cursor:pointer;text-transform:uppercase;transition:box-shadow .16s ease,transform .16s ease,opacity .16s ease,filter .16s ease}.action-buttons button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.primary-action{border-color:#15ffefb8!important;color:#eaffff;background:linear-gradient(180deg,#093238f2,#010e16f5),#040a12e6;box-shadow:0 0 30px #15ffef47,inset 0 0 26px #15ffef1f,inset 0 1px #ffffff29}.auth-action,.telegram-action{border-color:#f6f7ff3d!important;color:#f6f7ff;background:linear-gradient(180deg,#f6f7ff26,#121520d1),#05070ee0;box-shadow:0 0 22px #f6f7ff14,inset 0 1px #ffffff29,inset 0 -20px 38px #00000047}.auth-action{border-color:#5fffbab8!important;background:linear-gradient(180deg,#46a37657,#0c2a1fc7),#071410ad;box-shadow:0 0 34px #5fffba4d,inset 0 1px #ffffff3d,inset 0 -18px 34px #0000003d}.telegram-action{border-color:#15ffef4d!important;color:#e9ffff;background:linear-gradient(180deg,#0b252ce6,#0a0d18e0),#05070ee0}.google-mark{width:34px;height:34px;display:block;border-radius:999px;padding:3px;background:#f8fafcf5;box-shadow:0 0 18px #f6f7ff2e,0 0 26px #4285f429}.action-buttons button:active:not(:disabled){transform:translateY(1px)}.action-buttons button:disabled{cursor:not-allowed;opacity:.58}.notify-action{border-color:#774effc7!important;color:#f2ecff;background:linear-gradient(180deg,#37197af2,#0a051cf7),#080712eb;box-shadow:0 0 34px #774eff57,inset 0 0 28px #774eff29,inset 0 1px #ffffff24}.notification-status{margin-top:12px;color:#15ffefc7;font-size:.94rem;font-weight:760}.notifications-panel{margin-top:18px;padding:20px;border:1px solid rgba(21,255,239,.22);border-radius:8px;background:linear-gradient(180deg,#0a1218e6,#02050beb),#02040ad6;box-shadow:0 0 0 1px #774eff24,0 30px 92px #000000a3,0 0 50px #15ffef14,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.notifications-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.notifications-header h2{margin:0 0 6px;color:#f6f7ff;font-size:1.2rem;font-weight:900}.notifications-header p,.notification-gate p,.subscription-empty{margin:0;color:#f6f7ffa3;line-height:1.55}.ghost-action,.subscription-item button{min-height:42px;border:1px solid rgba(246,247,255,.2);border-radius:8px;padding:0 16px;color:#f6f7ffdb;background:#f6f7ff0f;cursor:pointer;font-weight:820}.ghost-action:hover,.subscription-item button:hover:not(:disabled){border-color:#15ffef5c;color:#f6f7ff}.notification-gate{display:grid;gap:16px;justify-items:start}.gate-action{min-width:220px;min-height:56px;justify-content:center}.notification-add-row{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;margin-bottom:16px}.notification-add-row input{width:100%;min-height:56px;border:1px solid rgba(21,255,239,.24);border-radius:8px;padding:0 18px;color:#f6f7ff;background:linear-gradient(180deg,#00040af5,#04070feb),#02050ce0;outline:none}.notification-add-row input::placeholder{color:#f6f7ff66}.notification-add-row button{min-height:56px;border-color:#15ffefad!important;border-radius:8px;cursor:pointer;font-weight:900;text-transform:uppercase}.subscription-list{display:grid;gap:10px}.subscription-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid rgba(21,255,239,.16);border-radius:8px;background:#00040a80}.subscription-item span{color:#f6f7ffdb;font-weight:780;overflow-wrap:anywhere}.loading-card,.error-card,.results{margin-top:18px}.loading-card{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px;color:#f6f7ffc7;font-weight:760}.loader,.button-loader{display:inline-block;border-radius:999px;animation:spin .76s linear infinite}.loader{width:22px;height:22px;border:3px solid rgba(21,255,239,.18);border-top-color:#15ffef}.button-loader{width:16px;height:16px;border:2px solid rgba(7,18,17,.22);border-top-color:#071211}.results{display:grid;gap:18px}.results-header{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:0 2px}.results-header h2{margin:0;color:#f6f7ff;font-size:1.16rem;font-weight:860;letter-spacing:0}.results-header span{color:#f6f7ff9e;font-weight:720;text-align:right}.result-list{display:grid;gap:14px}.answer-card,.error-card{padding:28px}.answer-card p{margin:0;color:#f6f7ffd1;font-size:clamp(1.06rem,2vw,1.18rem);line-height:1.72;overflow-wrap:anywhere;white-space:pre-wrap}.result-card{padding:24px}.recommended-card{position:relative;overflow:hidden;border-color:#15ffef80;background:linear-gradient(145deg,#07161cf5,#02050ced 48%,#0f082ae0),#02040adb;box-shadow:0 0 0 1px #8468ff38,0 0 70px #15ffef29,0 34px 96px #000000b8,inset 0 1px #ffffff1f}.recommended-card:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(21,255,239,.12),transparent 36%),radial-gradient(circle at 82% 16%,rgba(119,78,255,.24),transparent 28%);pointer-events:none;content:""}.recommended-card>*{position:relative;z-index:1}.recommended-hero{display:grid;gap:14px;margin-bottom:18px}.recommended-badge{width:fit-content;margin:0 0 14px;border:1px solid rgba(21,255,239,.42);border-radius:999px;padding:9px 14px;color:#101417;background:linear-gradient(135deg,#15ffeff2,#c196ffeb),#15ffef;box-shadow:0 0 24px #15ffef47,0 0 34px #774eff29;font-size:clamp(.86rem,1.9vw,1.02rem);font-weight:920;letter-spacing:0;text-transform:uppercase}.recommended-hero .recommended-badge{margin:0}.recommended-hero h3{max-width:880px;margin:0;color:#f7fbff;font-size:clamp(2.12rem,5vw,3.65rem);font-style:italic;font-weight:950;letter-spacing:0;line-height:.98;text-transform:uppercase;text-shadow:0 0 24px rgba(21,255,239,.28),0 0 54px rgba(119,78,255,.28),0 18px 40px rgba(0,0,0,.56);transform:skew(-5deg)}.recommended-card p{font-size:clamp(1.08rem,2vw,1.22rem)}.result-card p{margin:0 0 20px;color:#f6f7ffd6;font-size:clamp(1.02rem,2vw,1.13rem);line-height:1.68;overflow-wrap:anywhere;white-space:pre-wrap}.result-card dl{display:grid;gap:12px;margin:0}.result-card dl div{display:grid;gap:4px}.result-card dt{color:#f6f7ff75;font-size:.78rem;font-weight:780;text-transform:uppercase}.result-card dd{margin:0;color:#f6f7ffcc;font-size:.98rem;line-height:1.45;overflow-wrap:anywhere}.result-card a{color:#15ffef;font-weight:760;text-decoration:none}.result-card a:hover{text-decoration:underline}.error-card{border-color:#fca5a538;background:#450a0a47;box-shadow:0 20px 54px #450a0a29}.error-card h2{margin:0 0 14px;color:#fecaca;font-size:1.12rem;font-weight:820}.error-card p{margin:0;color:#fee2e2;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:940px){.page{padding-top:24px}}@media(max-width:720px){.page{padding:18px 14px 34px}.city-map{top:150px;right:-190px;width:560px}.topline{display:grid;gap:14px;margin-bottom:26px}.city-switcher{width:100%;justify-content:space-between}.hero h1{font-size:clamp(3.15rem,17vw,4.8rem)}.search-row,.action-buttons,.notification-add-row,.subscription-item{grid-template-columns:1fr}.notifications-header{display:grid}.search-card{padding:14px}.search-row input,.action-buttons button{min-height:58px}.search-row input{padding-right:54px;font-size:.94rem}.search-icon{right:17px;width:22px;height:22px}.loading-card{justify-content:flex-start}.answer-card,.result-card,.error-card{padding:20px}.results-header{display:grid;gap:6px}.results-header span{text-align:left}}.page{min-height:100svh;padding:22px 18px 42px;background:linear-gradient(180deg,#0000000a,#00000057 56%,#000000c2),radial-gradient(circle at 78% 18%,rgba(34,255,241,.16),transparent 28%),radial-gradient(circle at 9% 71%,rgba(142,92,255,.14),transparent 35%),url(/nha-trang-night-map.png),#02040a;background-position:center,center,center,center 48%,center;background-size:cover,cover,cover,cover,cover}.page:before{z-index:0;background:linear-gradient(90deg,rgba(39,255,242,.032) 1px,transparent 1px),linear-gradient(0deg,rgba(39,255,242,.028) 1px,transparent 1px),radial-gradient(ellipse at 52% 34%,transparent 0 38%,rgba(0,0,0,.26) 72%,rgba(0,0,0,.56) 100%);background-size:54px 54px,54px 54px,cover;-webkit-mask-image:none;mask-image:none;mix-blend-mode:screen;opacity:.78}.page:after{z-index:0;background:linear-gradient(109deg,transparent 0 47%,rgba(170,214,255,.12) 49%,transparent 52%),linear-gradient(21deg,transparent 0 51%,rgba(34,255,241,.12) 52%,transparent 55%),radial-gradient(circle at 92% 8%,rgba(255,255,255,.09),transparent 24%),linear-gradient(180deg,#01030800,#01030885 72%,#010308f5)}.page .shell{width:min(calc(100vw - 36px),580px)}.page .topline{display:none}.page .brand{font-size:clamp(1.12rem,4vw,1.42rem);text-shadow:0 0 14px rgba(34,255,241,.24),0 10px 28px rgba(0,0,0,.7)}.page .brand:before{width:22px;height:22px;background:radial-gradient(circle at 35% 35%,#22fff142,#040812b3)}.page .brand:after{left:-7px;width:34px;height:12px;border-top-color:#9b5effe6;box-shadow:0 0 16px #9b5eff57}.page .city-switcher{width:fit-content;min-height:40px;justify-self:center;padding:8px 16px;gap:7px;border-color:#dce8ee47;border-radius:12px;background:linear-gradient(180deg,#fff3,#ffffff13),#0b0f1494;box-shadow:0 14px 26px #0000005c,inset 0 1px #fff3}.page .city-switcher-label{font-size:clamp(.9rem,2.6vw,1rem)}.page .city-switcher-name{font-size:clamp(.95rem,3vw,1.08rem)}.page .city-switcher-action{padding:10px 15px;font-size:clamp(.88rem,2.6vw,1rem)}.page .hero{max-width:none;margin:clamp(18px,4.5vh,46px) 0 18px;text-align:center}.page .logo-title{margin:0 auto;font-size:clamp(2.7rem,12.5vw,4.3rem);line-height:.86;letter-spacing:0;filter:drop-shadow(0 0 16px rgba(248,216,158,.18)) drop-shadow(0 16px 34px rgba(0,0,0,.6))}.page .logo-title:before{display:none}.page .logo-title:after{display:none}.page .logo-line{background:linear-gradient(96deg,rgba(255,255,255,.7),transparent 19%,rgba(255,255,255,.66) 36%,transparent 58%),linear-gradient(180deg,#fff7d8,#d4a75d 28%,#f7e3aa 48%,#8a663c 70%,#fff3c7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.8px rgba(255,246,216,.42);text-shadow:0 1px 0 rgba(255,255,255,.22),0 2px 0 rgba(75,52,26,.72),0 0 18px rgba(239,196,117,.18),0 10px 24px rgba(0,0,0,.52)}.page .logo-global{margin-left:.22em;font-size:.45em;font-weight:900;letter-spacing:.08em}.page .logo-pulse{margin-top:-.04em;background:linear-gradient(97deg,rgba(255,255,255,.88),transparent 18%,rgba(255,255,255,.76) 34%,transparent 54%),linear-gradient(180deg,#fff9dd,#d8a964 24%,#fff2be,#8d683e 66%,#f8de9c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.9px rgba(255,247,219,.5)}.page .logo-pulse:after{right:-.09em;bottom:.08em;width:.2em;height:.2em;background:#23fff2;box-shadow:0 0 0 8px #23fff214,0 0 34px #23fff2c7}.page .search-card{width:100%;padding:0;border:0;border-color:transparent;border-radius:0;background:transparent;box-shadow:none;overflow:visible;-webkit-backdrop-filter:none;backdrop-filter:none}.page .search-card:before{display:none}.page .search-row{gap:8px;justify-items:center}.page .search-input-shell:before{top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:13px;background:linear-gradient(135deg,#4db9ffd9,#4986ff75);opacity:.78;filter:blur(8px)}.page .search-input-shell{width:min(100%,300px)}.page .search-row input{min-height:48px;border-radius:12px;padding-left:20px;padding-right:58px;border-color:#8fd5ff6b;color:#f7fbff;background:linear-gradient(180deg,#42779b61,#08172dd1),#040a18b8;box-shadow:inset 0 1px #ffffff57,inset 0 -24px 44px #0000005c,0 0 42px #5cc0ff42;font-size:clamp(.94rem,3vw,1.08rem)}.page .search-row input::placeholder{color:#edf5ff7a}.page .search-icon{right:20px;width:25px;height:25px;border-width:4px;border-color:#eaf6ffe6}.page .search-icon:after{right:-10px;bottom:-7px;width:13px;height:4px;background:#eaf6ffe6}.page .action-buttons{grid-template-columns:1fr;width:min(100%,340px);gap:9px}.page .action-buttons button{min-height:48px;border-radius:12px;font-size:clamp(.9rem,2.8vw,1rem)}.page .primary-action{border-color:#23fff2bd!important;background:linear-gradient(180deg,#084c50b8,#021924d6),#051520b8;box-shadow:0 0 34px #23fff23d,inset 0 0 34px #23fff21f,inset 0 1px #ffffff29}.page .auth-action{border-color:#65ffb8b8!important;background:linear-gradient(180deg,#2d7b5b70,#05291eb3),#051210ad;box-shadow:0 0 36px #65ffb847,inset 0 1px #ffffff38}.page .notify-action{border-color:#8957ffd6!important;background:linear-gradient(180deg,#5326adeb,#160937f5),#12082ddb;box-shadow:0 0 38px #8957ff61,inset 0 0 32px #8957ff33,inset 0 1px #ffffff29}.page .city-map{display:none}.page .city-map:before{inset:auto;top:51px;left:28px;width:15px;height:15px;border:0;border-radius:999px;background:#23fff2;box-shadow:0 0 0 10px #23fff214,0 0 34px #23fff2d1}.page .city-map:after{display:none}.page .city-map span{display:none}@media(max-width:720px){.page{padding:18px 20px 34px;background-position:center,center,center,51% 50%,center}.page .shell{width:min(calc(100vw - 40px),580px)}.page .topline{margin-bottom:clamp(16px,3.5vh,28px)}.page .city-switcher{width:fit-content;max-width:100%}.page .hero h1{font-size:clamp(3rem,13.8vw,4.65rem)}.page .search-card{margin-top:0}.page .city-map{top:31%;right:5%;width:170px}}@media(max-width:430px){.page{padding:18px 16px 32px}.page .shell{width:min(calc(100vw - 32px),580px)}.page .topline{margin-bottom:18px}.page .city-switcher{min-height:48px;gap:10px;padding-left:17px}.page .city-switcher-action{padding:9px 13px}.page .hero{margin-bottom:14px}.page .logo-title{font-size:clamp(2.78rem,13.4vw,4.15rem)}.page .search-row input{min-height:52px;padding-left:18px;padding-right:54px}.page .search-icon{right:18px;width:24px;height:24px}.page .action-buttons button{min-height:52px}}.page{min-height:100svh;overflow-x:hidden;overflow-y:auto}.page{padding:0;background:linear-gradient(180deg,#00000014,#00000038 45%,#000000b8),radial-gradient(circle at 80% 12%,rgba(34,255,241,.13),transparent 27%),radial-gradient(circle at 18% 76%,rgba(142,92,255,.16),transparent 34%),url(/nha-trang-night-map.png),#02040a;background-position:center,center,center,center 52%,center;background-size:cover,cover,cover,cover,cover}.page:before{opacity:.38;mix-blend-mode:screen}.page:after{background:linear-gradient(108deg,transparent 0 49%,rgba(170,214,255,.1) 50%,transparent 53%),linear-gradient(24deg,transparent 0 53%,rgba(34,255,241,.11) 54%,transparent 57%),linear-gradient(180deg,transparent 0 66%,rgba(1,3,8,.82) 100%)}.page .shell{min-height:100svh;width:min(100%,430px);display:grid;grid-template-rows:10svh minmax(112px,18svh) minmax(42px,6svh) minmax(0,52svh) 10svh;justify-items:center;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 28px max(28px,env(safe-area-inset-bottom))}.page .topline,.page .city-map{display:none}.page .hero{grid-row:2;align-self:center;max-width:none;margin:0;text-align:center}.page .logo-title{font-size:clamp(3rem,13.2vw,4.4rem);line-height:.78}.page .logo-global{margin-left:.18em;font-size:.48em}.page .logo-pulse{margin-top:.02em}.page .search-card{--control-width: 100%;grid-row:4;align-self:stretch;width:min(78vw,320px);max-width:320px;justify-self:center}.page .search-form{height:100%}.page .search-row{display:grid;grid-template-rows:auto minmax(18px,3.8svh) auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,var(--control-width, 320px)) minmax(0,1fr);justify-items:center;align-items:center;gap:0;width:100%;height:100%}.page .search-input-shell{grid-row:1;grid-column:2;width:100%;max-width:100%}.page .search-row input{min-height:52px;border-radius:13px;background:linear-gradient(180deg,#4b8bb952,#09162a94),#050d1b7a;-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1)}.page .city-switcher{grid-row:3;grid-column:2;min-height:38px;justify-self:center;padding:7px 15px;border-radius:11px;background:linear-gradient(180deg,#ffffff2e,#ffffff12),#0f121775;-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1)}.page .action-buttons{grid-row:5;grid-column:2;width:min(100%,246px);max-width:246px;justify-self:center;display:grid;grid-template-columns:1fr;gap:10px;margin-top:0}.page .action-buttons button{min-height:44px;border-radius:12px;background-color:#030e1675;-webkit-backdrop-filter:blur(12px) saturate(1.08);backdrop-filter:blur(12px) saturate(1.08)}.page .auth-action{background:linear-gradient(180deg,#29895e57,#062f228a),#0718136b}.page .notify-action{border-color:#24fff2c7!important;color:#f8f4ff;background:linear-gradient(92deg,rgba(39,255,242,.16),transparent 28%),linear-gradient(180deg,#8e3dffe6,#230c5ce0),#19083885;box-shadow:0 0 22px #24fff23d,0 0 34px #8e3dff61,inset 0 1px #ffffff38,inset 0 0 28px #24fff214}.page .loading-card,.page .error-card,.page .results,.page .notifications-panel{width:min(100%,760px);margin:18px auto 0}@media(min-width:721px){.page .shell{width:min(100%,760px);grid-template-rows:8svh minmax(120px,20svh) minmax(46px,6svh) minmax(0,52svh) 10svh}.page .search-card{width:min(38vw,380px);max-width:380px}}@media(max-width:430px){.page .shell{grid-template-rows:9svh minmax(104px,17svh) minmax(34px,5svh) minmax(0,54svh) 9svh;padding-right:24px;padding-left:24px}.page .logo-title{font-size:clamp(2.72rem,13vw,4rem)}.page .search-card{width:min(78vw,320px);max-width:320px}}