/* VIQQO v1.7 — continuous premium canvas, inspired by approved mobile visual */
:root{
  --accent:#875cff!important;
  --accent-rgb:135,92,255;
  --cyan:#37b7ff;
  --cyan-rgb:55,183,255;
  --green:#47d6ad!important;
}
html[data-theme="dark"]{
  --bg:#050711!important;
  --bg-soft:#080b17!important;
  --card:#0b1020!important;
  --card-2:rgba(11,16,32,.78)!important;
  --text:#f8f8ff!important;
  --muted:#a6aec3!important;
  --muted-2:#727c94!important;
  --line:rgba(255,255,255,.075)!important;
  --line-strong:rgba(255,255,255,.12)!important;
  --header:rgba(5,7,17,.72)!important;
  --soft:#0d1222!important;
  --pill:#0d1220!important;
  --search-bg:#090d1a!important;
  --accent:#875cff!important;
  --accent-soft:rgba(135,92,255,.13)!important;
  --accent-line:rgba(135,92,255,.34)!important;
  --premium-shadow:0 26px 70px rgba(0,0,0,.30),0 8px 22px rgba(0,0,0,.18)!important;
  --premium-shadow-hover:0 34px 92px rgba(0,0,0,.42),0 12px 30px rgba(0,0,0,.22)!important;
}
html[data-theme="light"]{
  --bg:#f7f7fb!important;--bg-soft:#f4f4fa!important;--card:#ffffff!important;--card-2:rgba(255,255,255,.80)!important;
  --text:#111425!important;--muted:#666e83!important;--muted-2:#8b92a5!important;--line:rgba(26,31,55,.08)!important;--line-strong:rgba(26,31,55,.13)!important;
  --header:rgba(247,247,251,.78)!important;--soft:#f0f1f7!important;--pill:#f0eff7!important;--search-bg:#fff!important;
}

/* One continuous atmospheric canvas */
body{
  background:
    radial-gradient(920px 620px at 45% 7%,rgba(var(--accent-rgb),.17),transparent 62%),
    radial-gradient(780px 520px at 94% 26%,rgba(var(--cyan-rgb),.08),transparent 66%),
    radial-gradient(700px 520px at 0% 68%,rgba(var(--accent-rgb),.055),transparent 70%),
    var(--bg)!important;
  background-attachment:fixed!important;
}
body:before{display:none!important}
body:after{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 22%,transparent 78%,rgba(var(--accent-rgb),.025))!important}

/* Header floats over the same page instead of becoming a separate strip */
.header,nav{
  background:color-mix(in srgb,var(--bg) 72%,transparent)!important;
  border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;
  box-shadow:none!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
}
.brand,.brandword{color:var(--text)!important}
.q-mini,.viqqo-mark,.brandwrap>.logo{filter:drop-shadow(0 0 7px rgba(var(--accent-rgb),.72)) drop-shadow(0 0 20px rgba(var(--accent-rgb),.25))!important}
.q-mini:before,.viqqo-mark:before,.brandwrap>.logo:before{border-color:var(--accent)!important;box-shadow:0 0 8px rgba(var(--accent-rgb),.52),inset 0 0 7px rgba(var(--accent-rgb),.16)!important}
.q-mini:after,.viqqo-mark:after,.brandwrap>.logo:after{background:var(--accent)!important;box-shadow:0 0 9px rgba(var(--accent-rgb),.68)!important}

/* Search and Q: single violet hue, cyan only as ambient edge light */
.search-border,.searchborder{
  background:linear-gradient(100deg,rgba(var(--accent-rgb),.95) 0%,rgba(var(--accent-rgb),.82) 58%,rgba(var(--cyan-rgb),.62) 100%)!important;
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),.05),0 16px 48px rgba(var(--accent-rgb),.12),0 14px 44px rgba(var(--cyan-rgb),.05)!important;
}
.search{background:rgba(7,11,24,.96)!important}
html[data-theme="light"] .search{background:rgba(255,255,255,.97)!important}
.qbutton .qshape,.search .q,.loader-q,.qmark,.bigq .qshape{
  border-color:var(--accent)!important;border-top-color:var(--accent)!important;border-right-color:var(--accent)!important;border-bottom-color:var(--accent)!important;border-left-color:var(--accent)!important;
  box-shadow:0 0 8px rgba(var(--accent-rgb),.55),0 0 18px rgba(var(--accent-rgb),.20),inset 0 0 6px rgba(var(--accent-rgb),.12)!important;
}
.qbutton .qshape:after,.search .q:after,.loader-q:after,.qmark:after,.bigq .qshape:after{background:var(--accent)!important;box-shadow:0 0 8px rgba(var(--accent-rgb),.65)!important}
.qbutton{filter:drop-shadow(0 0 7px rgba(var(--accent-rgb),.46))!important}
.qbutton:hover{filter:drop-shadow(0 0 12px rgba(var(--accent-rgb),.72))!important}
.loader-q{filter:drop-shadow(0 0 10px rgba(var(--accent-rgb),.72))!important}

/* Homepage: no desktop split, one flowing content column */
body:has(#searchForm) .page{width:min(1180px,calc(100% - 34px))!important;padding-top:26px!important}
body:has(#searchForm) .grid{display:block!important}
body:has(#searchForm) .hero{max-width:100%!important;padding:48px 0 14px!important}
body:has(#searchForm) .hero h1{font-size:clamp(58px,7.2vw,92px)!important;line-height:.91!important;letter-spacing:-.062em!important;margin-bottom:18px!important}
body:has(#searchForm) .hero .sub{max-width:780px!important;color:var(--muted)!important}
body:has(#searchForm) .search-wrap{max-width:980px!important;margin-top:28px!important}
body:has(#searchForm) .search-wrap:before{opacity:.7!important}
body:has(#searchForm) .search-meta,body:has(#searchForm) .intentbar,body:has(#searchForm) .categories,body:has(#searchForm) .trust-row{max-width:980px!important}
body:has(#searchForm) .trust-row{margin-top:30px!important;padding:22px 0 8px;border-top:1px solid var(--line)!important}
body:has(#searchForm) .section{margin-top:28px!important;padding-top:22px!important;border-top:1px solid rgba(255,255,255,.045)!important}
html[data-theme="light"] body:has(#searchForm) .section{border-top-color:rgba(26,31,55,.06)!important}
body:has(#searchForm) .side{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:22px!important;padding-top:22px!important;border-top:1px solid rgba(255,255,255,.045)!important}
body:has(#searchForm) .side .panel{height:100%!important}
body:has(#searchForm) .cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}

/* Cards: flatter integration into canvas, still premium */
.panel,.card,.box,.result,.selectCard,.tableWrap,.recommend,.mini,.tool{
  background:linear-gradient(180deg,rgba(12,17,33,.87),rgba(8,12,25,.90))!important;
  border:1px solid rgba(255,255,255,.072)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(12px)!important;
}
html[data-theme="light"] .panel,html[data-theme="light"] .card,html[data-theme="light"] .box,html[data-theme="light"] .result,html[data-theme="light"] .selectCard,html[data-theme="light"] .tableWrap,html[data-theme="light"] .recommend,html[data-theme="light"] .mini,html[data-theme="light"] .tool{background:rgba(255,255,255,.82)!important;border-color:rgba(26,31,55,.075)!important}
.panel:hover,.card:hover,.result:hover,.selectCard:hover,.tool:hover{border-color:rgba(var(--accent-rgb),.24)!important;box-shadow:0 18px 48px rgba(0,0,0,.25),0 0 32px rgba(var(--accent-rgb),.045)!important}
.tool-logo,.identity .logo,.logo{background:linear-gradient(145deg,#9c6cff,#6f59ff)!important;box-shadow:0 8px 22px rgba(var(--accent-rgb),.30)!important}
.score{background:linear-gradient(90deg,rgba(71,214,173,.13),rgba(71,214,173,.045))!important;border:1px solid rgba(71,214,173,.06)!important}
.score strong{color:var(--green)!important}

/* Controls from approved visual */
.intent,.chip,.pill,.tab,.comparepill,.mini-cat{
  background:rgba(14,18,32,.72)!important;border-color:rgba(255,255,255,.075)!important;color:var(--muted)!important;
}
html[data-theme="light"] .intent,html[data-theme="light"] .chip,html[data-theme="light"] .pill,html[data-theme="light"] .tab,html[data-theme="light"] .comparepill,html[data-theme="light"] .mini-cat{background:rgba(255,255,255,.72)!important;border-color:rgba(26,31,55,.08)!important}
.intent.active,.chip.active,.pill.active,.tab.active{background:var(--accent)!important;color:white!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 8px 24px rgba(var(--accent-rgb),.28)!important}
.eyebrow{background:rgba(12,17,29,.70)!important;border-color:rgba(255,255,255,.075)!important;color:#9ea8be!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
html[data-theme="light"] .eyebrow{background:rgba(255,255,255,.72)!important;border-color:rgba(26,31,55,.08)!important}
.grad,.spark,.link,.match strong,.profileScore{color:var(--accent)!important;text-shadow:0 0 24px rgba(var(--accent-rgb),.14)!important}

/* Internal pages: same visual system and rhythm */
.wrap,.page{padding-bottom:90px!important}
.pagehead{padding-top:48px!important}
.pagehead h1{font-size:clamp(48px,6vw,74px)!important}
.filters input,.filters select,input,select,.choice{background:rgba(12,17,31,.82)!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="light"] .filters input,html[data-theme="light"] .filters select,html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] .choice{background:rgba(255,255,255,.82)!important;border-color:rgba(26,31,55,.08)!important}
.primary,.btn.primary{background:var(--accent)!important;box-shadow:0 10px 26px rgba(var(--accent-rgb),.24)!important}
.footer,footer{background:transparent!important;border-top:1px solid rgba(255,255,255,.055)!important}
html[data-theme="light"] .footer,html[data-theme="light"] footer{border-top-color:rgba(26,31,55,.06)!important}

@media(max-width:900px){
  body:has(#searchForm) .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body:has(#searchForm) .side{grid-template-columns:1fr 1fr!important}
  body:has(#searchForm) .side .panel:last-child{grid-column:1/-1!important}
}
@media(max-width:760px){
  body:has(#searchForm) .page{width:100%!important;padding:20px 14px 54px!important}
  body:has(#searchForm) .hero{padding-top:32px!important}
  body:has(#searchForm) .hero h1{font-size:47px!important;line-height:.94!important;letter-spacing:-3px!important}
  body:has(#searchForm) .section{margin-top:24px!important}
  body:has(#searchForm) .cards{grid-template-columns:1fr!important}
  body:has(#searchForm) .side{grid-template-columns:1fr!important}
  body:has(#searchForm) .side .panel:last-child{grid-column:auto!important}
  .tool{min-height:0!important;padding:15px!important}
  .header,nav{background:rgba(5,7,17,.78)!important}
}