html,body{margin:0!important;padding:0!important;background:#050b14!important}
#tnq-radar-v13,#tnq-radar-v13 *{box-sizing:border-box}
#tnq-radar-v13{display:block!important;width:100%!important;min-height:100vh!important;color:#f8fbff!important;background:#050b14!important;font-family:Inter,Arial,sans-serif!important}
#tnq-radar-v13 h1,#tnq-radar-v13 h2,#tnq-radar-v13 h3,#tnq-radar-v13 p,#tnq-radar-v13 strong,#tnq-radar-v13 b{color:inherit}
#tnq-radar-v13 button,#tnq-radar-v13 input,#tnq-radar-v13 select{font-family:Inter,Arial,sans-serif!important}
*{box-sizing:border-box}body{margin:0;background:#050b14}
#tnq-radar-v13{--line:rgba(255,255,255,.11);--text:#f8fbff;--muted:#9cafc4;--green:#2bd9b4;--blue:#68a7ff;color:var(--text);font-family:Inter,Arial,sans-serif}
.shell{min-height:100vh;padding:64px 0 90px;background:radial-gradient(circle at 12% 0%,rgba(43,217,180,.16),transparent 30%),radial-gradient(circle at 90% 0%,rgba(104,167,255,.17),transparent 34%),linear-gradient(180deg,#07111f,#050b14)}
.wrap{width:min(1240px,calc(100% - 28px));margin:auto}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;align-items:center}
.badge{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid rgba(43,217,180,.26);background:rgba(43,217,180,.09);color:#bdf8ec;font-size:12px;font-weight:900;letter-spacing:.06em}
h1{font-size:clamp(48px,7vw,82px);line-height:.95;letter-spacing:-.06em;margin:18px 0}.copy p,.muted{color:var(--muted);line-height:1.65}.copy p{font-size:18px}
.panel,.box{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.3)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label span,.label{display:block;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.09em;margin-bottom:7px}
input,select{width:100%;min-height:52px;border-radius:14px;border:1px solid var(--line);background:rgba(3,10,18,.58);color:white;padding:0 14px;outline:none}select option{color:#111}
.label{margin-top:18px}.segments{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.segments button{border:1px solid var(--line);background:rgba(255,255,255,.045);color:#dce8f3;border-radius:12px;padding:12px;font-weight:750;cursor:pointer}.segments button.active{border-color:rgba(43,217,180,.35);background:rgba(43,217,180,.13);color:#c2f9ef}
.primary{border:0;border-radius:14px;min-height:50px;padding:12px 18px;font-weight:900;cursor:pointer;background:linear-gradient(135deg,var(--green),#72efd5);color:#04160f}.main{width:100%;margin-top:16px}.small{font-size:12px;color:var(--muted);margin-bottom:0}
.box{margin-top:28px}.center{text-align:center;padding:40px}.spinner{width:54px;height:54px;border-radius:50%;border:5px solid rgba(255,255,255,.08);border-top-color:var(--green);margin:auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#ffd0d5;border-color:rgba(255,106,122,.35);background:rgba(255,106,122,.08)}
.results{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;overflow:hidden;min-width:0}
.card-image{height:220px;position:relative;background:#111b29;overflow:hidden}
.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.card:hover .card-image img{transform:scale(1.035)}
.image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(5,11,20,.88) 100%)}
.image-badge{position:absolute;top:14px;left:14px;padding:8px 11px;border-radius:999px;background:rgba(5,11,20,.76);backdrop-filter:blur(10px);font-size:12px;font-weight:900}
.destination-title{position:absolute;left:17px;right:17px;bottom:15px}
.destination-title h3{font-size:28px;margin:0 0 3px}.destination-title div{color:#d6e4f0;font-size:13px}
.card-body{padding:18px;display:flex;flex-direction:column;flex:1}
.price{font-size:30px;font-weight:950;margin:0 0 13px}.price small{font-size:12px;color:var(--muted)}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.meta div{padding:10px;border-radius:11px;background:rgba(255,255,255,.04);font-size:12px;color:var(--muted)}.meta b{display:block;color:white}
.hotel-panel{padding:13px;border-radius:15px;background:rgba(104,167,255,.08);border:1px solid rgba(104,167,255,.16);margin-bottom:14px}
.hotel-panel strong{display:block;margin-bottom:5px}.hotel-panel small{color:var(--muted);line-height:1.45}
.hotel-select{margin-top:11px;min-height:46px;background:rgba(2,8,15,.62)}
.trip-total{font-size:24px;font-weight:950;margin:12px 0 0;color:#bdf8ec}
.hotel-loading{color:var(--muted);font-size:13px;padding:12px 0}
.card-actions{display:grid;gap:8px;margin-top:auto}.card a{display:flex;text-decoration:none;justify-content:center}
.secondary{display:flex;justify-content:center;align-items:center;min-height:46px;border:1px solid var(--line);border-radius:13px;color:white;text-decoration:none;background:rgba(255,255,255,.04);font-weight:800}
.radar{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.radar h2{font-size:34px;margin:14px 0 8px}.radar form{display:grid;gap:10px}.radar small{color:#bdf8ec}
@media(max-width:1000px){.hero,.radar{grid-template-columns:1fr}.results{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.grid,.segments,.results{grid-template-columns:1fr}h1{font-size:48px}.card-image{height:235px}}
.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}
.insight{padding:11px;border-radius:12px;background:rgba(43,217,180,.07);border:1px solid rgba(43,217,180,.14)}
.insight b{display:block;font-size:16px;color:#fff;margin-bottom:2px}.insight small{color:var(--muted)}
.score-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-radius:14px;background:linear-gradient(135deg,rgba(43,217,180,.12),rgba(104,167,255,.12));border:1px solid rgba(43,217,180,.2);margin-bottom:14px}
.score-number{font-size:26px;font-weight:950;color:#bdf8ec}.score-label{font-size:12px;color:var(--muted)}
.deal-tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff;color:#08121d;font-size:11px;font-weight:950;margin-bottom:10px}
.activities-box{padding:12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line);margin-bottom:14px}
.activities-box strong{display:block;margin-bottom:4px}.activities-box small{color:var(--muted);line-height:1.45}
.weather-note{font-size:10px;color:var(--muted);margin-top:3px}
@media(max-width:680px){.insight-grid{grid-template-columns:1fr 1fr}}
#tnq-radar-v13 .copy,#tnq-radar-v13 .copy h1{color:#f8fbff!important}
#tnq-radar-v13 .copy p,#tnq-radar-v13 .muted,#tnq-radar-v13 .small{color:#9cafc4!important}
#tnq-radar-v13 .primary,#tnq-radar-v13 button.primary{background:linear-gradient(135deg,#2bd9b4,#80eed7)!important;color:#04160f!important;border:0!important}
#tnq-radar-v13 input,#tnq-radar-v13 select{background:#0b1420!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}
#tnq-radar-v13 select option{background:#fff!important;color:#111!important}
#tnq-radar-v13 .panel,#tnq-radar-v13 .box{color:#f8fbff!important}
#tnq-radar-v13 .radar h2{color:#f8fbff!important}
#tnq-radar-v13 .hunter-box{padding:13px!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(255,202,92,.14),rgba(43,217,180,.10))!important;border:1px solid rgba(255,202,92,.28)!important;margin-bottom:14px!important}
#tnq-radar-v13 .hunter-title{font-size:13px!important;font-weight:950!important;color:#ffe5a5!important;margin-bottom:6px!important}
#tnq-radar-v13 .hunter-saving{font-size:24px!important;font-weight:950!important;color:#fff!important;margin-bottom:4px!important}
#tnq-radar-v13 .hunter-list{margin:0!important;padding-left:18px!important;color:#c9d7e5!important;font-size:12px!important}
#tnq-radar-v13 .hunter-list li{margin:3px 0!important}
#tnq-radar-v13 .price-old{text-decoration:line-through!important;color:#8090a2!important;font-size:14px!important;margin-left:8px!important}
#tnq-radar-v13 .truth-note{padding:12px 14px!important;border-radius:13px!important;background:rgba(104,167,255,.08)!important;border:1px solid rgba(104,167,255,.18)!important;color:#b9c9dc!important;font-size:12px!important;margin-top:14px!important}
#tnq-radar-v13 .budget-box{padding:14px!important;border-radius:15px!important;background:rgba(43,217,180,.09)!important;border:1px solid rgba(43,217,180,.22)!important;margin-bottom:14px!important}
#tnq-radar-v13 .budget-head{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important;margin-bottom:8px!important}
#tnq-radar-v13 .budget-status{font-size:13px!important;font-weight:950!important;color:#c7fff2!important}
#tnq-radar-v13 .budget-amount{font-size:22px!important;font-weight:950!important;color:#fff!important}
#tnq-radar-v13 .budget-meter{height:9px!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;overflow:hidden!important;margin:9px 0!important}
#tnq-radar-v13 .budget-meter span{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#2bd9b4,#80eed7)!important}
#tnq-radar-v13 .budget-meter.over span{background:linear-gradient(90deg,#ff8a8a,#ffbd7a)!important}
#tnq-radar-v13 .budget-breakdown{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
#tnq-radar-v13 .budget-breakdown div{padding:8px!important;border-radius:10px!important;background:rgba(255,255,255,.04)!important;color:#9cafc4!important;font-size:11px!important}
#tnq-radar-v13 .budget-breakdown b{display:block!important;color:#fff!important;font-size:14px!important}
#tnq-radar-v13 .optimizer-box{padding:14px!important;border-radius:15px!important;background:linear-gradient(135deg,rgba(104,167,255,.13),rgba(43,217,180,.09))!important;border:1px solid rgba(104,167,255,.23)!important;margin-bottom:14px!important}
#tnq-radar-v13 .optimizer-title{font-size:13px!important;font-weight:950!important;color:#c9dcff!important;margin-bottom:6px!important}
#tnq-radar-v13 .optimizer-total{font-size:21px!important;font-weight:950!important;color:#fff!important;margin-top:9px!important}
#tnq-radar-v13 .optimizer-list{margin:0!important;padding-left:18px!important;color:#c9d7e5!important;font-size:12px!important}
#tnq-radar-v13 .optimizer-list li{margin:4px 0!important}
#tnq-radar-v13 .card.over-budget{opacity:.82!important;border-color:rgba(255,128,128,.35)!important}
@media(max-width:680px){#tnq-radar-v13 .budget-breakdown{grid-template-columns:1fr!important}}
#tnq-radar-v13 .origin-summary{
margin-top:12px!important;
padding:10px 12px!important;
border-radius:12px!important;
background:rgba(104,167,255,.08)!important;
border:1px solid rgba(104,167,255,.16)!important;
color:#b9c9dc!important;
font-size:12px!important;
}
#tnq-radar-v13 .international-bar{
display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 2fr!important;
gap:12px!important;align-items:end!important;margin:0 0 16px!important;padding:14px!important;
border:1px solid rgba(104,167,255,.20)!important;border-radius:16px!important;
background:linear-gradient(135deg,rgba(104,167,255,.10),rgba(43,217,180,.07))!important
}
#tnq-radar-v13 .international-bar label{margin:0!important}
#tnq-radar-v13 .locale-status{padding:12px 14px!important;border-radius:12px!important;
background:rgba(255,255,255,.04)!important;color:#b9c9dc!important;font-size:12px!important;min-height:46px!important}
@media(max-width:780px){#tnq-radar-v13 .international-bar{grid-template-columns:1fr!important}}
/* V12 FIX: keep the original two-column hero layout */
#tnq-radar-v13 .panel>.international-bar{
grid-template-columns:1fr 1fr!important;
margin:0 0 18px!important;
padding:0 0 18px!important;
border:0!important;
border-bottom:1px solid rgba(255,255,255,.10)!important;
border-radius:0!important;
background:transparent!important;
}
#tnq-radar-v13 .panel>.international-bar .locale-status{
grid-column:1/-1!important;min-height:auto!important;padding:8px 10px!important;
}
@media(max-width:680px){#tnq-radar-v13 .panel>.international-bar{grid-template-columns:1fr!important}}
/* V13.1 — restored V1 Live Deal Radar animation */
#tnq-radar-v13 .radar-loading{
position:relative!important;
overflow:hidden!important;
min-height:520px!important;
padding:24px 24px 34px!important;
background:
radial-gradient(circle at 50% 42%,rgba(43,217,180,.10),transparent 34%),
linear-gradient(180deg,rgba(13,23,38,.98),rgba(7,14,25,.98))!important;
}
#tnq-radar-v13 .v1-radar-head{
display:flex!important;
justify-content:space-between!important;
align-items:center!important;
gap:14px!important;
width:100%!important;
max-width:720px!important;
margin:0 auto!important;
text-align:left!important;
position:relative!important;
z-index:4!important;
}
#tnq-radar-v13 .v1-radar-head strong{
display:block!important;
font-size:18px!important;
font-weight:950!important;
}
#tnq-radar-v13 .v1-radar-head small{
display:block!important;
margin-top:4px!important;
color:#9cafc4!important;
}
#tnq-radar-v13 .v1-live{
display:inline-flex!important;
align-items:center!important;
gap:7px!important;
padding:8px 12px!important;
border-radius:999px!important;
color:#c8fff4!important;
background:rgba(43,217,180,.10)!important;
border:1px solid rgba(43,217,180,.28)!important;
font-size:11px!important;
font-weight:950!important;
letter-spacing:.08em!important;
}
#tnq-radar-v13 .v1-live span{
width:8px!important;
height:8px!important;
border-radius:50%!important;
background:#74f7d8!important;
box-shadow:0 0 0 0 rgba(116,247,216,.55)!important;
animation:v13LivePulse 1.7s infinite!important;
}
@keyframes v13LivePulse{
0%{box-shadow:0 0 0 0 rgba(116,247,216,.55)}
70%{box-shadow:0 0 0 10px rgba(116,247,216,0)}
100%{box-shadow:0 0 0 0 rgba(116,247,216,0)}
}
#tnq-radar-v13 .v1-orbit{
width:330px!important;
height:330px!important;
max-width:82vw!important;
max-height:82vw!important;
border-radius:50%!important;
border:1px solid rgba(255,255,255,.15)!important;
margin:28px auto 18px!important;
position:relative!important;
overflow:hidden!important;
background:
radial-gradient(circle,rgba(43,217,180,.19),rgba(43,217,180,.05) 30%,transparent 57%),
repeating-radial-gradient(circle,rgba(255,255,255,.095) 0 1px,transparent 1px 55px)!important;
box-shadow:
inset 0 0 70px rgba(43,217,180,.07),
0 30px 80px rgba(0,0,0,.32)!important;
}
#tnq-radar-v13 .v1-orbit:before,
#tnq-radar-v13 .v1-orbit:after{
content:""!important;
position:absolute!important;
left:50%!important;
top:50%!important;
background:rgba(255,255,255,.11)!important;
}
#tnq-radar-v13 .v1-orbit:before{width:50%!important;height:1px!important}
#tnq-radar-v13 .v1-orbit:after{width:1px!important;height:50%!important}
#tnq-radar-v13 .v1-sweep{
position:absolute!important;
left:50%!important;
top:50%!important;
width:50%!important;
height:50%!important;
transform-origin:0 0!important;
background:conic-gradient(from 0deg,rgba(43,217,180,.58),rgba(43,217,180,.12) 22deg,rgba(43,217,180,0) 48deg)!important;
filter:drop-shadow(0 0 12px rgba(43,217,180,.28))!important;
animation:v13RadarSweep 3.8s linear infinite!important;
}
@keyframes v13RadarSweep{to{transform:rotate(360deg)}}
#tnq-radar-v13 .v1-dot{
position:absolute!important;
width:10px!important;
height:10px!important;
border-radius:50%!important;
background:#fff!important;
box-shadow:0 0 7px #fff,0 0 22px rgba(43,217,180,.95)!important;
animation:v13DotBlink 1.8s ease-in-out infinite alternate!important;
}
#tnq-radar-v13 .v1-dot-a{left:67%!important;top:23%!important}
#tnq-radar-v13 .v1-dot-b{left:24%!important;top:57%!important;animation-delay:.55s!important}
#tnq-radar-v13 .v1-dot-c{left:57%!important;top:72%!important;animation-delay:1.05s!important}
@keyframes v13DotBlink{
from{opacity:.45;transform:scale(.8)}
to{opacity:1;transform:scale(1.25)}
}
#tnq-radar-v13 .v1-ring{
position:absolute!important;
border:1px solid rgba(43,217,180,.55)!important;
border-radius:50%!important;
transform:translate(-50%,-50%) scale(.2)!important;
opacity:0!important;
animation:v13Ping 2.7s ease-out infinite!important;
}
#tnq-radar-v13 .v1-ring-a{left:67.8%!important;top:24.3%!important;width:70px!important;height:70px!important}
#tnq-radar-v13 .v1-ring-b{left:24.8%!important;top:58.2%!important;width:58px!important;height:58px!important;animation-delay:1.1s!important}
@keyframes v13Ping{
0%{transform:translate(-50%,-50%) scale(.2);opacity:.8}
100%{transform:translate(-50%,-50%) scale(1.2);opacity:0}
}
#tnq-radar-v13 .v1-pop{
position:absolute!important;
z-index:4!important;
padding:11px 13px!important;
border-radius:14px!important;
font-size:11px!important;
text-align:left!important;
color:#aebfd2!important;
background:rgba(8,19,32,.92)!important;
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:0 18px 40px rgba(0,0,0,.30)!important;
animation:v13Float 3.2s ease-in-out infinite alternate!important;
}
#tnq-radar-v13 .v1-pop b{
display:block!important;
margin-bottom:3px!important;
color:#fff!important;
font-size:13px!important;
}
#tnq-radar-v13 .v1-pop-a{right:8%!important;top:145px!important}
#tnq-radar-v13 .v1-pop-b{left:8%!important;top:340px!important;animation-delay:.7s!important}
@keyframes v13Float{
from{transform:translateY(0)}
to{transform:translateY(-7px)}
}
#tnq-radar-v13 .radar-loading h2{
margin:6px 0 7px!important;
font-size:28px!important;
}
#tnq-radar-v13 .radar-loading>p{
margin:0!important;
color:#9cafc4!important;
}
@media(max-width:720px){
#tnq-radar-v13 .radar-loading{min-height:500px!important;padding:20px 14px 28px!important}
#tnq-radar-v13 .v1-orbit{width:280px!important;height:280px!important}
#tnq-radar-v13 .v1-pop-a{right:2%!important;top:135px!important}
#tnq-radar-v13 .v1-pop-b{left:2%!important;top:315px!important}
}
@media(max-width:480px){
#tnq-radar-v13 .v1-pop{display:none!important}
#tnq-radar-v13 .radar-loading{min-height:440px!important}
#tnq-radar-v13 .v1-orbit{width:260px!important;height:260px!important}
}
@media(prefers-reduced-motion:reduce){
#tnq-radar-v13 .v1-sweep,
#tnq-radar-v13 .v1-dot,
#tnq-radar-v13 .v1-ring,
#tnq-radar-v13 .v1-live span,
#tnq-radar-v13 .v1-pop{animation:none!important}
}
/* V13.2 — force radar animation into a visible full-screen overlay */
#tnq-radar-v13 #loading.radar-loading:not([hidden]){
display:flex!important;
position:fixed!important;
inset:0!important;
z-index:999999!important;
width:100vw!important;
height:100vh!important;
max-width:none!important;
min-height:100vh!important;
margin:0!important;
padding:24px!important;
border:0!important;
border-radius:0!important;
flex-direction:column!important;
justify-content:center!important;
align-items:center!important;
overflow:auto!important;
background:
radial-gradient(circle at 50% 45%,rgba(43,217,180,.15),transparent 35%),
linear-gradient(180deg,#0c1625 0%,#060d17 100%)!important;
backdrop-filter:blur(10px)!important;
}
#tnq-radar-v13 #loading.radar-loading[hidden]{
display:none!important;
}
#tnq-radar-v13 #loading.radar-loading .v1-radar-head{
width:min(720px,92vw)!important;
}
#tnq-radar-v13 #loading.radar-loading .v1-orbit{
flex:0 0 auto!important;
}
#tnq-radar-v13 #loading.radar-loading h2,
#tnq-radar-v13 #loading.radar-loading>p{
position:relative!important;
z-index:5!important;
}
body:has(#tnq-radar-v13 #loading.radar-loading:not([hidden])){
overflow:hidden!important;
}
@media(max-height:700px){
#tnq-radar-v13 #loading.radar-loading:not([hidden]){
justify-content:flex-start!important;
padding-top:22px!important;
}
#tnq-radar-v13 #loading.radar-loading .v1-orbit{
width:250px!important;
height:250px!important;
margin:18px auto 10px!important;
}
}