:root{
  --bg:#120b1c;
  --bg-2:#191025;
  --bg-3:#21152f;
  --panel:#22172e;
  --panel-2:#2a1d38;
  --panel-3:#332443;
  --card:#f8f5ff;
  --card-2:#fffaff;
  --ink:#17101f;
  --text:#fbf8ff;
  --soft:#d8cce8;
  --muted:#857493;
  --muted-2:#a99bb8;
  --line:rgba(111,78,135,.20);
  --line-dark:rgba(255,255,255,.10);
  --violet:#7f45ff;
  --violet-2:#a36bff;
  --violet-3:#d9c2ff;
  --plum:#3a2450;
  --rose:#f2a7ff;
  --success:#21b980;
  --warning:#f5b84b;
  --danger:#ef5f7a;
  --radius:24px;
  --radius-lg:34px;
  --shadow:0 22px 70px rgba(43,24,62,.22);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;min-width:320px}
body{
  margin:0;
  min-height:100vh;
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 50% -10%,rgba(127,69,255,.20),transparent 34%),
    linear-gradient(180deg,#f8f2ff 0%,#f4eefb 42%,#efe7f7 100%);
  overflow-x:hidden;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.app-bg{
  background:
    radial-gradient(circle at 10% -10%,rgba(127,69,255,.18),transparent 28%),
    radial-gradient(circle at 88% 8%,rgba(242,167,255,.17),transparent 30%),
    linear-gradient(180deg,#f7f1ff 0%,#f0e9f7 100%);
}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
::selection{background:rgba(127,69,255,.22)}
.shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.wide-shell{width:min(1340px,calc(100% - 40px));margin-inline:auto}
.hidden{display:none!important}
.subtle{color:var(--muted)}
.center{text-align:center}
.mt{margin-top:18px}.mt-lg{margin-top:34px}

/* Loading */
#cliezi-loader{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
  background:linear-gradient(135deg,#150d20,#241532 58%,#120b1c);
  color:#fff;transition:opacity .28s ease,visibility .28s ease;
}
#cliezi-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-card{width:min(360px,calc(100% - 36px));padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(255,255,255,.07);box-shadow:0 30px 90px rgba(0,0,0,.28);text-align:center}
.loader-mark{width:44px;height:44px;border-radius:50%;margin:0 auto 16px;background:conic-gradient(from 0deg,var(--violet),var(--rose),var(--violet));position:relative;animation:spin .9s linear infinite}
.loader-mark:after{content:"";position:absolute;inset:7px;border-radius:inherit;background:#190f25}
.loader-card b{display:block;font-family:"Space Grotesk",Inter,sans-serif;font-size:20px;letter-spacing:-.04em}.loader-card span{display:block;margin-top:6px;color:#d8cce8;font-size:14px}
@keyframes spin{to{transform:rotate(360deg)}}

/* Navigation */
.topbar{position:sticky;top:14px;z-index:100;margin:14px auto 0;width:min(1280px,calc(100% - 32px));height:72px;padding:0 12px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(61,37,85,.14);border-radius:24px;background:rgba(255,250,255,.84);backdrop-filter:blur(14px);box-shadow:0 18px 60px rgba(54,31,76,.12)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content;font-family:"Space Grotesk",Inter,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.055em;color:#1a1024}.brand img{width:46px;height:46px;border-radius:15px;object-fit:cover;background:#21152f;box-shadow:0 10px 26px rgba(91,54,134,.18)}
.nav{display:flex;align-items:center;gap:3px}.nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 13px;border-radius:999px;color:#594867;font-size:14px;font-weight:780;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}.nav a:hover,.nav a.active{background:rgba(127,69,255,.10);color:#29183a}.nav-actions{display:flex;align-items:center;gap:10px}.nav-toggle{display:none;width:46px;height:46px;border:1px solid rgba(74,47,104,.12);border-radius:15px;background:#fff;color:#29183a}.nav-toggle span{display:block;width:21px;height:2px;margin:5px auto;background:currentColor;border-radius:999px}.account-chip{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 11px;border-radius:999px;background:#fff;border:1px solid rgba(74,47,104,.12);font-weight:850;color:#29183a}.avatar{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),var(--violet-2));color:#fff;font-size:13px;font-weight:900}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border:1px solid transparent;border-radius:16px;font-weight:860;line-height:1;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#fff;background:linear-gradient(135deg,#6e3cff,#9d65ff);box-shadow:0 18px 40px rgba(127,69,255,.26)}.btn.dark{color:#fff;background:#1d1028}.btn.secondary{color:#261631;background:#fff;border-color:rgba(74,47,104,.14);box-shadow:0 12px 30px rgba(48,28,65,.08)}.btn.ghost{color:#4c3b5b;background:rgba(255,255,255,.58);border-color:rgba(74,47,104,.12)}.btn.subtle-btn{min-height:42px;padding:0 13px;border-radius:13px;background:rgba(127,69,255,.08);color:#3c2455;border-color:rgba(127,69,255,.14)}.btn.full{width:100%}.btn.small{min-height:38px;padding:0 12px;border-radius:12px;font-size:13px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}

/* Hero */
.hero{padding:76px 0 86px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:8px 12px;border-radius:999px;background:rgba(127,69,255,.10);border:1px solid rgba(127,69,255,.14);color:#5d30bd;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1,.page-title,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.055em;color:#1d1028;margin:0}.hero h1{font-size:clamp(48px,7.1vw,88px);line-height:.93;max-width:830px}.lead{font-size:clamp(17px,2vw,21px);line-height:1.72;color:#6d5b7b;margin:22px 0 0;max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 20px}.trust-line{display:inline-flex;align-items:center;gap:10px;max-width:100%;margin-top:14px;padding:10px 13px;border-radius:999px;background:#fff;border:1px solid rgba(74,47,104,.12);box-shadow:0 12px 34px rgba(64,38,86,.07);color:#3e2a51;font-weight:820;font-size:14px}.trust-line i{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(33,185,128,.12)}
.hero-search{margin-top:28px;display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px;border-radius:24px;background:#fff;border:1px solid rgba(74,47,104,.14);box-shadow:0 20px 60px rgba(55,32,76,.12);max-width:720px}.hero-search input{min-height:56px;border:0;outline:0;background:#f5effa;border-radius:17px;padding:0 17px;color:#20152c;font-weight:780}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.pill{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid rgba(74,47,104,.12);color:#604f6d;font-size:13px;font-weight:760}

.hero-preview{border-radius:34px;background:linear-gradient(180deg,#fff,#f7f1ff);border:1px solid rgba(74,47,104,.12);box-shadow:var(--shadow);padding:18px;overflow:hidden}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 16px}.preview-head b{font-family:"Space Grotesk";font-size:18px;letter-spacing:-.04em}.preview-head span{color:#8b7a98;font-size:13px;font-weight:760}.preview-card{display:grid;gap:16px;padding:20px;border-radius:26px;background:#1c1128;color:#fff}.preview-card-top{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center}.preview-thumb{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#fff,#d7c5ff 50%,#8c56ff);display:grid;place-items:center;font-size:28px;color:#1d1028}.preview-title{min-width:0}.preview-title b{display:block;font-family:"Space Grotesk";font-size:22px;line-height:1.05;letter-spacing:-.045em;word-break:normal}.preview-title span{display:block;margin-top:6px;color:#d8cce8;font-size:13px;line-height:1.35}.preview-score{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:#fff;color:#1d1028;font-size:24px;font-weight:950}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview-metrics div{min-width:0;padding:13px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.preview-metrics span{display:block;color:#c9bbda;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;white-space:nowrap}.preview-metrics b{font-size:15px}.mini-list{display:grid;gap:10px;margin-top:14px}.mini-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:18px;background:#fff;border:1px solid rgba(74,47,104,.10)}.mini-row .mini-img{width:44px;height:44px;border-radius:14px;background:#f1e7fb;display:grid;place-items:center}.mini-row b{display:block;font-size:14px;color:#241531}.mini-row span{display:block;color:#8e7e9b;font-size:12px;margin-top:3px}.mini-row strong{font-size:15px;color:#241531;white-space:nowrap}

/* Sections */
.section{padding:70px 0}.section-head{max-width:760px;margin:0 auto 34px;text-align:center}.section-head.left{text-align:left;margin-left:0}.section-head h2{font-size:clamp(34px,4.6vw,58px);line-height:1}.section-head p{color:#6d5b7b;line-height:1.72;font-size:17px}.grid{display:grid;gap:18px}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}.card{border:1px solid rgba(74,47,104,.12);border-radius:var(--radius);background:rgba(255,255,255,.82);box-shadow:0 18px 50px rgba(52,31,75,.10);overflow:hidden}.card.pad{padding:24px}.card h3{font-size:24px}.card p{color:#6e5e7c;line-height:1.68}.feature-icon{width:48px;height:48px;border-radius:16px;background:rgba(127,69,255,.10);display:grid;place-items:center;font-size:24px;margin-bottom:18px}.stat-card strong{display:block;font-size:34px;letter-spacing:-.06em;color:#1d1028}.stat-card span{display:block;margin-top:4px;color:#746383;font-weight:760}

/* App layout */
.app-page{padding:34px 0 84px}.app-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px}.sidebar{position:sticky;top:102px;align-self:start;padding:12px;border-radius:26px;background:rgba(255,255,255,.76);border:1px solid rgba(74,47,104,.12);box-shadow:0 18px 50px rgba(52,31,75,.08)}.side-link{display:flex;align-items:center;gap:11px;min-height:46px;padding:0 13px;border-radius:15px;color:#604f6d;font-weight:850;font-size:14px}.side-link:hover,.side-link.active{background:rgba(127,69,255,.10);color:#29183a}.content{min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:6px 0 22px}.page-title{font-size:clamp(34px,4vw,54px);line-height:1}.page-head p{margin:8px 0 0;color:#6d5b7b;line-height:1.6;max-width:680px}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:20px}.metric strong{display:block;font-size:32px;letter-spacing:-.065em;color:#1d1028}.metric span{display:block;margin-top:5px;color:#7c6b89;font-size:13px;font-weight:780}.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.list{display:grid;gap:12px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;border-radius:18px;background:#fff;border:1px solid rgba(74,47,104,.10)}.list-item b{display:block}.list-item span{color:#81718f;font-size:13px}.empty{padding:30px;border:1px dashed rgba(74,47,104,.22);border-radius:22px;background:rgba(255,255,255,.55);text-align:center;color:#796785;line-height:1.6}.empty b{display:block;color:#231631;margin-bottom:6px}

/* Search / Products */
.search-panel{padding:16px;border-radius:28px;background:#fff;border:1px solid rgba(74,47,104,.12);box-shadow:0 20px 60px rgba(55,32,76,.10)}.searchbar{display:grid;grid-template-columns:1fr auto;gap:10px}.searchbar input{min-height:58px;border:1px solid rgba(74,47,104,.10);outline:0;border-radius:18px;background:#f6f0fb;padding:0 17px;font-weight:800;color:#1d1028}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.filter-btn,.select{min-height:40px;border:1px solid rgba(74,47,104,.12);border-radius:13px;background:#fff;padding:0 12px;color:#5d4b6c;font-weight:800}.filter-btn.active{background:rgba(127,69,255,.10);color:#3a1f58;border-color:rgba(127,69,255,.20)}.results-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;margin-top:18px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-card{padding:16px;border-radius:24px}.product-main{display:grid;grid-template-columns:82px minmax(0,1fr) 58px;gap:14px;align-items:start}.product-img{width:82px;height:82px;border-radius:20px;background:#f3eafa;display:grid;place-items:center;overflow:hidden;font-size:26px}.product-img img{width:100%;height:100%;object-fit:cover}.product-title{font-family:"Space Grotesk";font-size:20px;line-height:1.1;letter-spacing:-.04em;font-weight:800;color:#1d1028}.store{color:#84738f;font-size:13px;font-weight:800;margin-top:6px}.score{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#1f122c,#7f45ff);color:#fff;display:grid;place-items:center;font-weight:950;font-size:22px}.price{font-size:30px;font-weight:950;letter-spacing:-.06em;color:#1d1028;margin-top:13px}.old{margin-left:8px;color:#9b8ca7;text-decoration:line-through;font-size:15px}.data-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.data-row div{padding:10px;border-radius:14px;background:#f8f3fd;border:1px solid rgba(74,47,104,.08)}.data-row span{display:block;color:#84738f;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.data-row b{font-size:13px;margin-top:4px;display:block}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.recommend{position:sticky;top:102px;align-self:start}.big-score strong{font-size:66px;letter-spacing:-.08em;line-height:.9}.big-score span{font-weight:850;color:#7c6b89}

/* Forms */
.auth-wrap{min-height:calc(100vh - 96px);display:grid;place-items:center;padding:50px 0}.auth-card{width:min(520px,calc(100% - 34px));padding:28px}.auth-card .page-title{font-size:42px}.form{display:grid;gap:14px}.field label{display:block;margin:0 0 7px;color:#3d2b50;font-size:13px;font-weight:900}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(74,47,104,.13);border-radius:16px;background:#fff;color:#1d1028;outline:0;padding:14px 15px;font-weight:740}.field input:focus,.field textarea:focus{border-color:rgba(127,69,255,.48);box-shadow:0 0 0 4px rgba(127,69,255,.09)}.field textarea{min-height:130px;resize:vertical}.form-note{padding:13px 14px;border-radius:15px;background:rgba(127,69,255,.08);border:1px solid rgba(127,69,255,.13);color:#4d3562;line-height:1.55}.error-box{padding:12px 13px;border-radius:14px;background:rgba(239,95,122,.10);border:1px solid rgba(239,95,122,.22);color:#7d1f35;font-weight:780;line-height:1.45}.success-box{padding:12px 13px;border-radius:14px;background:rgba(33,185,128,.10);border:1px solid rgba(33,185,128,.22);color:#176142;font-weight:780;line-height:1.45}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice{border:1px solid rgba(74,47,104,.12);border-radius:16px;background:#fff;padding:15px;font-weight:850;color:#39284c}.choice.selected{border-color:rgba(127,69,255,.35);background:rgba(127,69,255,.08)}

/* Modal / toast */
.modal-backdrop{position:fixed;inset:0;z-index:300;display:none;place-items:center;background:rgba(19,10,30,.42);backdrop-filter:blur(8px);padding:18px}.modal-backdrop.show{display:grid}.modal{width:min(500px,100%);padding:24px;border-radius:26px;background:#fff;border:1px solid rgba(74,47,104,.12);box-shadow:0 30px 90px rgba(0,0,0,.22)}.toast{position:fixed;right:18px;bottom:18px;z-index:400;width:min(390px,calc(100% - 36px));padding:14px 15px;border-radius:16px;background:#241531;color:#fff;box-shadow:0 20px 70px rgba(0,0,0,.22);transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s ease;font-weight:780}.toast.show{transform:none;opacity:1}
.skeleton{position:relative;overflow:hidden;background:#eee5f4!important;color:transparent!important}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:shimmer 1.1s infinite}@keyframes shimmer{to{transform:translateX(100%)}}

/* Footer and mobile */
.footer{margin-top:60px;padding:30px 0 38px;border-top:1px solid rgba(74,47,104,.12);color:#796785}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-links{display:flex;gap:14px;flex-wrap:wrap;font-weight:760}.mobile-tabs{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:150;padding:8px;border-radius:24px;background:rgba(255,255,255,.88);border:1px solid rgba(74,47,104,.12);box-shadow:0 18px 70px rgba(52,31,75,.18);backdrop-filter:blur(12px)}.mobile-tabs a{flex:1;display:grid;place-items:center;gap:1px;padding:8px 4px;border-radius:16px;color:#71607e;font-size:11px;font-weight:850}.mobile-tabs a.active{background:rgba(127,69,255,.10);color:#2c183f}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .42s ease,transform .42s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1080px){.hero-grid,.app-layout,.results-wrap,.split{grid-template-columns:1fr}.hero-preview,.recommend,.sidebar{position:static}.sidebar{display:grid;grid-template-columns:repeat(4,1fr)}.metric-grid,.cols-4{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}.hero{padding-top:56px}}
@media(max-width:760px){.shell,.wide-shell{width:min(100% - 28px,var(--max))}.topbar{height:68px;width:calc(100% - 22px);top:10px;margin-top:10px;border-radius:20px}.brand{font-size:21px}.brand img{width:42px;height:42px}.nav,.nav-actions{display:none}.nav-toggle{display:block}.topbar.open{height:auto;align-items:flex-start;flex-wrap:wrap;padding-bottom:12px}.topbar.open .nav,.topbar.open .nav-actions{display:flex;width:100%;flex-direction:column;align-items:stretch}.topbar.open .nav a{justify-content:flex-start}.hero h1{font-size:clamp(42px,12vw,62px)}.page-title{font-size:clamp(32px,10vw,46px)}.hero-grid{gap:28px}.hero-search,.searchbar{grid-template-columns:1fr}.hero-search .btn,.searchbar .btn{min-height:52px}.preview-card-top{grid-template-columns:56px 1fr}.preview-score{grid-column:1/-1;width:100%;height:46px}.preview-metrics,.metric-grid,.cols-2,.cols-3,.cols-4,.data-row,.choice-grid{grid-template-columns:1fr}.section{padding:48px 0}.app-page{padding-bottom:92px}.sidebar{display:none}.mobile-tabs{display:flex}.page-head{display:block}.product-main{grid-template-columns:72px 1fr}.product-img{width:72px;height:72px}.score{grid-column:1/-1;width:100%;height:42px}.card-actions{flex-direction:column}.card-actions .btn{width:100%}.footer-grid{display:block}.footer-links{margin-top:16px}.trust-line{border-radius:18px;align-items:flex-start}.auth-card{padding:22px}.auth-card .page-title{font-size:36px}.loader-card{padding:24px}.mini-row{grid-template-columns:38px 1fr}.mini-row strong{grid-column:2/-1}.preview-title b,.product-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

.mini-spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;display:inline-block;animation:spin .7s linear infinite}


/* Cliezi V12 Color Polish — neutral logo-matched palette
   Goal: professional, modern, not over-bright, with owl-logo black/indigo/violet/white balance. */
:root{
  --bg:#0b0b12;
  --bg-2:#11101b;
  --bg-3:#171326;
  --panel:#151221;
  --panel-2:#1a1628;
  --panel-3:#221b35;
  --card:#171421;
  --card-2:#1d182b;
  --ink:#f7f4ff;
  --text:#f7f4ff;
  --soft:#d9d1ec;
  --muted:#b8accb;
  --muted-2:#d4cbe7;
  --line:rgba(205,190,255,.15);
  --line-dark:rgba(255,255,255,.11);
  --violet:#8b72ff;
  --violet-2:#b19bff;
  --violet-3:#d9d0ff;
  --plum:#2a1b38;
  --rose:#caa5ff;
  --success:#47d29b;
  --warning:#f3bf5b;
  --danger:#ff6d8f;
  --shadow:0 24px 80px rgba(0,0,0,.32);
}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 52% -18%,rgba(139,114,255,.30),transparent 35%),
    radial-gradient(circle at 10% 10%,rgba(177,155,255,.12),transparent 28%),
    linear-gradient(180deg,#0b0b12 0%,#11101b 46%,#0c0b12 100%);
}
body.app-bg{
  background:
    radial-gradient(circle at 8% -8%,rgba(139,114,255,.25),transparent 30%),
    radial-gradient(circle at 92% 0%,rgba(202,165,255,.10),transparent 28%),
    linear-gradient(180deg,#0c0b13 0%,#11101b 100%);
}
#cliezi-loader{background:linear-gradient(135deg,#0b0b12,#151221 56%,#090910)}
.loader-card{background:rgba(255,255,255,.06);border-color:rgba(216,203,255,.13)}
.loader-card span{color:#c8bedb}.loader-mark:after{background:#0b0b12}
.topbar{background:rgba(16,14,25,.80);border-color:rgba(205,190,255,.14);box-shadow:0 20px 70px rgba(0,0,0,.26)}
.brand{color:#fff}.brand img{background:#090910;box-shadow:0 0 34px rgba(139,114,255,.26)}
.nav a{color:#cec4df}.nav a:hover,.nav a.active{background:rgba(139,114,255,.13);color:#fff}.nav-toggle{background:#161321;color:#fff;border-color:rgba(205,190,255,.14)}
.account-chip{background:#171421;color:#fff;border-color:rgba(205,190,255,.14)}.avatar{background:linear-gradient(135deg,#6d55ff,#b19bff)}
.btn.primary{background:linear-gradient(135deg,#735dff,#9c84ff);box-shadow:0 18px 42px rgba(139,114,255,.28);color:#fff}.btn.dark{background:#fff;color:#13101d}.btn.secondary{background:#1a1628;color:#f7f4ff;border-color:rgba(205,190,255,.15);box-shadow:none}.btn.ghost{background:rgba(255,255,255,.055);color:#e8e0f7;border-color:rgba(205,190,255,.14)}.btn.subtle-btn{background:rgba(139,114,255,.12);color:#f7f4ff;border-color:rgba(139,114,255,.24)}
.eyebrow{background:rgba(139,114,255,.13);border-color:rgba(177,155,255,.22);color:#d8d0ff}.hero h1,.page-title,h2,h3{color:#fff}.lead,.section-head p,.page-head p,.card p{color:#c3b8d6}.subtle{color:#b8accb}.trust-line{background:rgba(255,255,255,.065);border-color:rgba(205,190,255,.15);color:#efeaff;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.hero-search,.search-panel{background:#171421;border-color:rgba(205,190,255,.15);box-shadow:0 22px 70px rgba(0,0,0,.25)}.hero-search input,.searchbar input{background:#100e19;color:#fff;border-color:rgba(205,190,255,.12)}.hero-search input::placeholder,.searchbar input::placeholder{color:#8f83a2}.pill,.filter-btn,.select{background:#171421;border-color:rgba(205,190,255,.13);color:#d7cde7}.filter-btn.active{background:rgba(139,114,255,.15);border-color:rgba(139,114,255,.35);color:#fff}
.hero-preview,.card,.auth-card,.modal{background:linear-gradient(180deg,#1b1728,#14121e);border-color:rgba(205,190,255,.13);box-shadow:0 24px 80px rgba(0,0,0,.26)}.preview-head span{color:#a99dbd}.preview-card{background:linear-gradient(180deg,#211b35,#171421);border:1px solid rgba(205,190,255,.12)}.preview-title span{color:#c9bfdc}.preview-score{background:#f7f4ff;color:#171421}.preview-metrics div{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.10)}.preview-metrics span{color:#b9aecd}.mini-row,.list-item{background:#171421;border-color:rgba(205,190,255,.12)}.mini-row b,.mini-row strong,.product-title,.price,.stat-card strong,.metric strong,.empty b{color:#fff}.mini-row span,.store,.data-row span,.metric span,.list-item span,.footer,.footer p{color:#b7abc8}
.feature-icon{background:rgba(139,114,255,.14);color:#d9d0ff}.stat-card span{color:#b8accb}.sidebar{background:rgba(23,20,33,.76);border-color:rgba(205,190,255,.13);box-shadow:0 20px 60px rgba(0,0,0,.22)}.side-link{color:#d1c7e2}.side-link:hover,.side-link.active{background:rgba(139,114,255,.14);color:#fff}
.product-card{background:linear-gradient(180deg,#1b1728,#15131f)}.product-img{background:#211b35}.score{background:linear-gradient(135deg,#5e4aff,#b19bff);color:#fff}.old{color:#857894}.data-row div{background:#211b35;border-color:rgba(205,190,255,.10)}.data-row b{color:#f7f4ff}.big-score span{color:#b8accb}
.field label{color:#e8e0f7}.field input,.field textarea,.field select{background:#100e19;color:#fff;border-color:rgba(205,190,255,.14)}.field input:focus,.field textarea:focus{border-color:rgba(177,155,255,.54);box-shadow:0 0 0 4px rgba(139,114,255,.12)}.form-note{background:rgba(139,114,255,.11);border-color:rgba(139,114,255,.22);color:#d9d0ff}.choice{background:#171421;border-color:rgba(205,190,255,.13);color:#f7f4ff}.choice.selected{background:rgba(139,114,255,.15);border-color:rgba(139,114,255,.36)}
.empty{background:rgba(255,255,255,.04);border-color:rgba(205,190,255,.18);color:#b8accb}.footer{border-color:rgba(205,190,255,.10)}.mobile-tabs{background:rgba(16,14,25,.88);border-color:rgba(205,190,255,.14);box-shadow:0 18px 70px rgba(0,0,0,.28)}.mobile-tabs a{color:#c5bad5}.mobile-tabs a.active{background:rgba(139,114,255,.14);color:#fff}.toast{background:#1d172c;color:#fff;border:1px solid rgba(205,190,255,.12)}.skeleton{background:#211b35!important}.skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent)}
.error-box{background:rgba(255,109,143,.10);border-color:rgba(255,109,143,.24);color:#ffc6d4}.success-box{background:rgba(71,210,155,.10);border-color:rgba(71,210,155,.22);color:#b8f3dc}
@media(max-width:760px){.topbar{background:rgba(16,14,25,.92)}.topbar.open .nav a{color:#e8e0f7}.trust-line{background:rgba(255,255,255,.06)}}

/* V13 Trust + MarketLens layer */
.trust-hero{position:relative;overflow:hidden;padding:48px}.trust-hero:before{content:"";position:absolute;inset:-120px -80px auto auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(139,114,255,.28),transparent 68%);pointer-events:none}.trust-badges,.badge-wall,.trust-mini{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.trust-badges span,.badge-wall span,.trust-mini span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(139,114,255,.12);border:1px solid rgba(177,155,255,.22);color:#efeaff;font-size:12px;font-weight:880}.trust-ledger-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ledger-card{padding:20px;border-radius:22px;background:linear-gradient(180deg,#1b1728,#14121e);border:1px solid rgba(205,190,255,.13)}.ledger-card b{display:block;color:#fff;font-size:17px;margin-bottom:8px}.ledger-card span{color:#b8accb;line-height:1.6}.psychology-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.psychology-grid article{border:1px solid rgba(205,190,255,.13);background:linear-gradient(180deg,#1b1728,#14121e);border-radius:22px;padding:20px}.psychology-grid article b{display:block;color:#fff;margin-bottom:6px}.psychology-grid article span{display:block;color:#b8accb;line-height:1.6}.trust-strip{border-top:1px solid rgba(205,190,255,.09)}.decision-pill{display:inline-flex;align-items:center;justify-content:center;width:max-content;margin-top:12px;padding:8px 12px;border-radius:999px;background:rgba(71,210,155,.12);border:1px solid rgba(71,210,155,.24);color:#b8f3dc;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.trust-product .store{line-height:1.45}.trust-ledger{margin-top:12px;border-radius:18px;border:1px solid rgba(205,190,255,.12);background:rgba(255,255,255,.035);padding:12px}.trust-ledger summary{cursor:pointer;color:#fff;font-weight:900}.trust-ledger p{margin:10px 0 0;color:#c3b8d6;line-height:1.5}.ledger-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ledger-meta span{padding:6px 9px;border-radius:999px;background:rgba(139,114,255,.10);color:#d9d0ff;font-size:11px;font-weight:800}.market-table{padding:10px;overflow:hidden}.market-row{display:grid;grid-template-columns:1.5fr .75fr .9fr .5fr .8fr;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(205,190,255,.10)}.market-row:last-child{border-bottom:0}.market-head{color:#d9d0ff;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.market-row strong{color:#fff}.market-row em{font-style:normal;color:#b8f3dc;font-weight:900}.decision-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.decision-demo div{padding:18px;border-radius:20px;background:#211b35;border:1px solid rgba(205,190,255,.12)}.decision-demo b,.decision-demo span{display:block}.decision-demo b{color:#b8accb;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.decision-demo strong{display:block;color:#fff;font-family:"Space Grotesk";font-size:28px;letter-spacing:-.04em;margin:6px 0}.decision-demo span{color:#c3b8d6;line-height:1.55}.setting-choice{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;margin:10px 0}.setting-choice input{margin-top:3px;accent-color:#8b72ff}.external-note{font-size:12px;color:#b8accb}.page-title{max-width:980px}.brand img{object-fit:cover}
@media(max-width:1080px){.trust-ledger-grid{grid-template-columns:repeat(2,1fr)}.decision-demo{grid-template-columns:1fr}.market-row{grid-template-columns:1fr 80px}.market-head{display:none}.market-row span:nth-child(3),.market-row strong,.market-row em{grid-column:auto}.market-row{border:1px solid rgba(205,190,255,.12);border-radius:18px;margin-bottom:10px}}
@media(max-width:760px){.trust-hero{padding:28px}.trust-ledger-grid,.psychology-grid{grid-template-columns:1fr}.market-row{grid-template-columns:1fr}.badge-wall span,.trust-badges span{width:100%;justify-content:center}.hero-actions .btn{width:100%}}


/* V14 Account + Security Settings Center */
.account-center .page-head{align-items:flex-start}.account-head .trust-badges.compact{justify-content:flex-end;max-width:420px}.settings-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.settings-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:24px;background:rgba(23,20,33,.72);border:1px solid rgba(205,190,255,.13);box-shadow:0 20px 60px rgba(0,0,0,.18)}.settings-tab{border:1px solid transparent;background:transparent;color:#d1c7e2;text-align:left;border-radius:16px;padding:13px 14px;font-weight:900;cursor:pointer}.settings-tab:hover,.settings-tab.active{background:rgba(139,114,255,.14);border-color:rgba(139,114,255,.22);color:#fff}.settings-panel{display:none}.settings-panel.active{display:block;animation:fadeUp .28s ease both}.account-section-card{position:relative;overflow:hidden}.account-section-card:after{content:"";position:absolute;right:-80px;top:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(139,114,255,.13),transparent 70%);pointer-events:none}.section-kicker{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#d9d0ff;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.section-kicker span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:10px;background:rgba(139,114,255,.16);border:1px solid rgba(177,155,255,.24);color:#fff}.split-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.split-form .hero-actions,.split-form .success-box,.split-form .error-box{grid-column:1/-1}.form-actions{margin-top:4px}.settings-subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-subgrid section{padding:18px;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid rgba(205,190,255,.11)}.settings-subgrid h4{margin:0 0 12px;color:#fff;font-size:15px}.security-option,.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(205,190,255,.10)}.security-option:last-child,.settings-row:last-child{border-bottom:0}.security-option b,.settings-row b{display:block;color:#fff}.security-option span,.settings-row span{display:block;color:#b8accb;font-size:13px;line-height:1.45}.setting-list{margin:10px 0 16px}.danger-zone{border-color:rgba(255,109,143,.20);background:linear-gradient(180deg,rgba(255,109,143,.06),rgba(23,20,33,.92))}.btn.danger{background:rgba(255,109,143,.12);border:1px solid rgba(255,109,143,.34);color:#ffd5df;box-shadow:none}.danger-eyebrow{background:rgba(255,109,143,.11);border-color:rgba(255,109,143,.25);color:#ffd5df}.danger-modal{border-color:rgba(255,109,143,.24)}.billing-plan{padding:18px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(205,190,255,.11);margin-bottom:14px}.billing-plan span,.billing-plan em{display:block;color:#b8accb;font-style:normal}.billing-plan b{display:block;font-family:"Space Grotesk";font-size:36px;color:#fff;letter-spacing:-.05em;margin:4px 0}.mini-trust-card{padding:18px;border-radius:20px;background:linear-gradient(180deg,#1b1728,#14121e);border:1px solid rgba(205,190,255,.13)}.mini-trust-card b,.mini-trust-card span{display:block}.mini-trust-card b{color:#fff;margin-bottom:6px}.mini-trust-card span{color:#b8accb;line-height:1.55}.btn[disabled]{opacity:.55;cursor:not-allowed}.mt{margin-top:20px}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:980px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{position:static;flex-direction:row;overflow:auto}.settings-tab{white-space:nowrap}.split-form,.settings-subgrid{grid-template-columns:1fr}.account-head .trust-badges.compact{justify-content:flex-start}.security-option,.settings-row{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.settings-sidebar{margin-inline:-4px}.settings-tab{flex:0 0 auto}.account-center .page-head{gap:16px}.billing-plan b{font-size:30px}}



/* V16 loader fix: compact, centered, no logo, and impossible to trap the UI. */
#cliezi-loader{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(7,7,12,.54)!important;
  backdrop-filter:blur(14px) saturate(130%);
  transition:opacity .18s ease, visibility .18s ease!important;
}
#cliezi-loader:not(.is-hidden){opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.loader-card-v15{
  width:min(390px, calc(100vw - 34px))!important;
  padding:24px 24px 22px!important;
  border-radius:28px!important;
  text-align:center!important;
  border:1px solid rgba(220,210,255,.15)!important;
  background:linear-gradient(180deg, rgba(21,18,31,.96), rgba(11,10,18,.98))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.07)!important;
  position:relative;
  overflow:hidden;
}
.loader-card-v15:before{
  content:"";
  position:absolute;
  inset:-80px -80px auto auto;
  width:190px;
  height:190px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(150,126,255,.18), transparent 68%);
  pointer-events:none;
}
.loader-card-v15:after{
  content:"";
  position:absolute;
  inset:auto auto -90px -90px;
  width:210px;
  height:210px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.055), transparent 67%);
  pointer-events:none;
}
.loader-visual{
  width:54px;
  height:54px;
  border-radius:20px;
  margin:0 auto 16px!important;
  position:relative;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(139,114,255,.18), rgba(255,255,255,.045));
  border:1px solid rgba(220,210,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.loader-visual span{
  width:27px;
  height:27px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.12);
  border-top-color:#a996ff;
  border-right-color:#f3efff;
  animation:spin .82s linear infinite;
}
.loader-visual i{
  position:absolute;
  inset:-6px;
  border-radius:24px;
  border:1px solid rgba(169,150,255,.14);
  animation:loaderPulse 1.65s ease-in-out infinite;
}
.loader-card-v15 b{
  display:block!important;
  font-family:"Space Grotesk",Inter,sans-serif!important;
  font-size:21px!important;
  line-height:1.12!important;
  letter-spacing:-.04em!important;
  color:#fff!important;
  position:relative;
  z-index:1;
}
.loader-card-v15 span[data-loader-text]{
  display:block!important;
  margin:7px auto 0!important;
  color:#d7cdec!important;
  font-size:14px!important;
  line-height:1.5!important;
  max-width:300px;
  position:relative;
  z-index:1;
}
.loader-progress{
  height:6px;
  width:100%;
  margin:20px auto 0;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.06);
  position:relative;
  z-index:1;
}
.loader-progress em{
  display:block;
  width:42%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, transparent, #a996ff, #f7f4ff, transparent);
  animation:loaderBar 1.05s ease-in-out infinite;
}
.loader-step-row{
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-wrap:wrap;
  position:relative;
  z-index:1;
}
.loader-step-row small{
  color:#cfc3e7;
  font-weight:800;
  font-size:10px;
  letter-spacing:.075em;
  text-transform:uppercase;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
}
@keyframes loaderBar{0%{transform:translateX(-110%)}100%{transform:translateX(245%)}}
@keyframes loaderPulse{0%,100%{transform:scale(.96);opacity:.42}50%{transform:scale(1.05);opacity:1}}
@media(max-width:520px){.loader-card-v15{width:min(350px, calc(100vw - 28px))!important;padding:22px 20px!important;border-radius:24px!important}.loader-card-v15 b{font-size:19px!important}.loader-step-row small{font-size:9px;padding:6px 8px}}
@media (prefers-reduced-motion: reduce){.loader-visual span,.loader-visual i,.loader-progress em{animation:none!important}}

/* V17 email-confirmation helper cards */
.confirm-help-card{
  margin-top:12px;
  padding:14px 15px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(139,114,255,.12),rgba(255,255,255,.045));
  border:1px solid rgba(205,190,255,.18);
  box-shadow:0 18px 44px rgba(0,0,0,.18);
  display:grid;
  gap:10px;
}
.confirm-help-card b{color:#fff;font-weight:900;letter-spacing:-.02em}
.confirm-help-card span,.confirm-help-card small{color:#c8bedb;line-height:1.55}
.confirm-help-card strong{color:#fff}
.confirm-help-card .btn{justify-content:center}


/* V18 auth hard-fix: loader alignment + diagnostics polish */
#cliezi-loader{display:grid;place-items:center;padding:24px;}
#cliezi-loader.is-hidden{display:none!important;}
.loader-card-v15{margin:auto;transform:none!important;text-align:center;align-items:center;justify-content:center;max-width:min(420px,calc(100vw - 40px));}
.loader-visual{margin-inline:auto;}
.auth-card .confirm-help-card{margin-top:14px;}
.confirm-help-card{border:1px solid rgba(168,85,247,.24);background:rgba(22,18,32,.78);border-radius:18px;padding:16px;display:grid;gap:10px;color:var(--text);box-shadow:0 18px 50px rgba(0,0,0,.22)}
.confirm-help-card span{color:var(--muted);line-height:1.5}.confirm-help-card button{margin-top:4px}


/* --- Cliezi V19 system/search repair additions --- */
.system-note{border:1px solid rgba(139,92,246,.24);background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(15,15,24,.58));border-radius:20px;padding:16px;color:#e9e7ff;margin:14px 0}.system-note b{display:block;margin-bottom:4px}.search-status{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px;color:#aaa3c7;font-size:.92rem}.status-pill{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);padding:7px 10px;border-radius:999px}.locked-action{opacity:.78}.locked-action::after{content:' 🔒';font-size:.88em}.product-card .score small{display:block;font-size:.58rem;color:#a9a0c9;font-weight:700;letter-spacing:.03em}.card-actions{flex-wrap:wrap}.product-detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;align-items:start}.product-hero-img{min-height:260px;border-radius:24px;background:rgba(255,255,255,.04);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.product-hero-img img{width:100%;height:100%;object-fit:contain;max-height:320px}.comparison-table{width:100%;border-collapse:separate;border-spacing:0 10px}.comparison-table th{color:#aaa3c7;text-align:left;font-size:.82rem;font-weight:800;padding:0 12px}.comparison-table td{background:rgba(255,255,255,.045);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);padding:14px 12px;color:#f8f7ff}.comparison-table td:first-child{border-left:1px solid rgba(255,255,255,.07);border-radius:14px 0 0 14px}.comparison-table td:last-child{border-right:1px solid rgba(255,255,255,.07);border-radius:0 14px 14px 0}.danger-text{color:#ffb4c4}.debug-log{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;max-height:360px;overflow:auto}.search-error-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.source-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.1);padding:5px 9px;border-radius:999px;color:#bcb3dc;font-size:.8rem}.table-scroll{overflow:auto}.filter-btn[aria-pressed="true"]{background:rgba(139,92,246,.20);border-color:rgba(139,92,246,.50);color:#fff}.modal-backdrop.show{display:flex}.btn.danger{background:rgba(244,63,94,.12);border-color:rgba(244,63,94,.35);color:#ffd5dd}.empty code{color:#f4f0ff}.list-item .row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.supabase-warning{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.08)}
@media(max-width:850px){.product-detail-grid{grid-template-columns:1fr}.comparison-table{min-width:720px}.results-wrap{grid-template-columns:1fr}.recommend{display:none}}


/* --- Cliezi V20 auth/search layout repair --- */
/* Public pages include a hidden app sidebar. Without this, CSS grid keeps the 250px sidebar column and squeezes Search into a tiny strip. */
.app-layout > .sidebar.hidden + .content{grid-column:1 / -1;}
.app-layout > .sidebar.hidden{display:none!important;}
.search-panel{width:100%;max-width:none;}
.searchbar{width:100%;align-items:center;}
.searchbar input{min-width:0;}
.results-wrap{width:100%;}
.search-network-note{margin-top:12px;padding:12px 14px;border-radius:16px;background:rgba(139,114,255,.09);border:1px solid rgba(139,114,255,.22);color:#d9d0ff;line-height:1.55;font-weight:700;}
.search-network-note b{color:#fff;}
@media(max-width:760px){.app-layout{display:block}.search-panel{padding:14px}.filters{gap:8px}.filter-btn{flex:1 1 auto}.results-wrap{display:block}.product-grid{margin-top:14px}}


/* V21 Logo + premium wordmark update */
.brand{
  gap:12px;
  letter-spacing:0;
}
.brand img{
  width:50px;
  height:50px;
  border-radius:0;
  object-fit:contain;
  padding:0;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 16px rgba(157,113,255,.38)) drop-shadow(0 0 32px rgba(88,55,190,.22));
}
.brand span{
  font-family:"Space Grotesk",Inter,ui-sans-serif,system-ui,sans-serif;
  font-size:22px;
  font-weight:900;
  letter-spacing:.105em;
  line-height:1;
  text-transform:uppercase;
  background:linear-gradient(100deg,#ffffff 0%,#f6f0ff 43%,#c8b5ff 72%,#9b7dff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 28px rgba(157,113,255,.22);
}
.topbar .brand:hover img{
  filter:drop-shadow(0 0 20px rgba(157,113,255,.50)) drop-shadow(0 0 42px rgba(88,55,190,.30));
}
.topbar .brand:hover span{
  text-shadow:0 0 34px rgba(157,113,255,.32);
}
@media(max-width:760px){
  .brand{gap:9px}
  .brand img{width:43px;height:43px}
  .brand span{font-size:18px;letter-spacing:.085em}
}

/* V23 Settings polish: smoother account tabs, functional preferences, cleaner spacing */
html{scroll-padding-top:110px;}
body{transition:background .22s ease,color .22s ease;}
body.font-compact{font-size:15px;}
body.font-comfortable{font-size:16px;}
body.font-large{font-size:18px;}
body.high-contrast{--line-dark:rgba(255,255,255,.22);--soft:#f1ecff;}
body.high-contrast .card,body.high-contrast .settings-sidebar,body.high-contrast .topbar,body.high-contrast .field input,body.high-contrast .field select,body.high-contrast .field textarea{border-color:rgba(255,255,255,.26)!important;}
body.theme-light{color:#17101f;background:radial-gradient(circle at 12% -8%,rgba(127,69,255,.15),transparent 30%),linear-gradient(180deg,#fbf8ff 0%,#f2eafb 100%);}
body.theme-light.app-bg{background:radial-gradient(circle at 12% -8%,rgba(127,69,255,.17),transparent 30%),linear-gradient(180deg,#fbf8ff 0%,#f2eafb 100%);}
body.theme-light .topbar{background:rgba(255,255,255,.86);border-color:rgba(74,47,104,.14);}
body.theme-light .brand,body.theme-light .hero h1,body.theme-light .page-title,body.theme-light h2,body.theme-light h3,body.theme-light .card h3,body.theme-light .empty b,body.theme-light .settings-row b{color:#1d1028;}
body.theme-light .nav a{color:#594867;}body.theme-light .nav a:hover,body.theme-light .nav a.active{background:rgba(127,69,255,.10);color:#29183a;}
body.theme-light .card,body.theme-light .auth-card,body.theme-light .modal,body.theme-light .mini-trust-card{background:rgba(255,255,255,.86);border-color:rgba(74,47,104,.12);box-shadow:0 20px 60px rgba(52,31,75,.10);}
body.theme-light .field input,body.theme-light .field textarea,body.theme-light .field select{background:#fff;color:#1d1028;border-color:rgba(74,47,104,.14);}
body.theme-light .field label,body.theme-light .section-kicker,body.theme-light .settings-subgrid h4{color:#3b294d;}
body.theme-light .subtle,body.theme-light .page-head p,body.theme-light .card p,body.theme-light .settings-row span,body.theme-light .security-option span{color:#675773;}
body.theme-light .settings-sidebar,body.theme-light .settings-subgrid section,body.theme-light .billing-plan,body.theme-light .empty{background:rgba(255,255,255,.68);border-color:rgba(74,47,104,.14);}
body.theme-light .btn.secondary{background:#fff;color:#261631;border-color:rgba(74,47,104,.14);box-shadow:0 12px 30px rgba(48,28,65,.08);}
body.theme-light .account-chip{background:#fff;color:#29183a;border-color:rgba(74,47,104,.12);}
body.font-large .btn{min-height:52px;}body.font-large .field input,body.font-large .field select{min-height:58px;}body.font-compact .btn{min-height:44px;}body.font-compact .field input,body.font-compact .field select{min-height:46px;}

.settings-layout{gap:26px;}
.settings-sidebar{padding:14px;}
.settings-tab{min-height:46px;display:flex;align-items:center;}
.settings-panels{min-width:0;}
.settings-panel.active{animation:fadeUp .18s ease both;}
.account-section-card{padding:30px!important;}
.account-section-card h3{font-size:clamp(28px,3vw,42px);line-height:1.05;margin-top:14px;margin-bottom:14px;}
.account-section-card > .subtle{font-size:clamp(17px,1.7vw,22px);line-height:1.55;margin:0 0 24px;max-width:960px;}
.section-kicker{gap:14px;margin-bottom:18px;align-items:center;}
.section-kicker span{width:40px;height:40px;border-radius:15px;font-size:17px;flex:0 0 auto;}
.section-kicker b{line-height:1.2;}
.success-box,.error-box{margin:18px 0 22px;padding:18px 20px;border-radius:18px;line-height:1.45;}
.split-form{gap:22px 28px;align-items:start;}
.form{gap:18px;}
.field label{margin-bottom:12px;font-size:14px;line-height:1.2;letter-spacing:-.02em;}
.field input,.field textarea,.field select{min-height:58px;padding:16px 18px;border-radius:18px;}
.form-actions{margin-top:10px;gap:14px;align-items:center;}
.form-actions .btn{min-width:160px;}
.settings-subgrid{gap:22px;}
.settings-subgrid section{padding:22px;display:grid;gap:14px;align-content:start;}
.settings-subgrid h4{font-size:17px;margin:0 0 2px;}
.setting-choice{margin:0;line-height:1.42;align-items:flex-start;}
.setting-choice input{flex:0 0 auto;margin-top:4px;}
.grid.mt{margin-top:24px;}
.grid.cols-2.mt{align-items:start;}
.card.pad{padding:28px;}
.card.pad > h3{font-size:clamp(26px,2.4vw,38px);line-height:1.08;margin-bottom:14px;}
.card.pad > p.subtle{font-size:clamp(16px,1.55vw,20px);line-height:1.6;margin:0 0 20px;}
.security-option,.settings-row{gap:18px;padding:16px 0;}
.security-option b,.settings-row b{line-height:1.25;}
.security-option span,.settings-row span{font-size:14px;line-height:1.5;}
.danger-zone{display:grid;gap:14px;align-content:start;}
.danger-zone .btn{width:max-content;max-width:100%;min-width:260px;}
.billing-plan{margin:16px 0 18px;padding:24px;border-radius:24px;}
.billing-plan b{font-size:clamp(42px,5vw,64px);line-height:.95;margin:10px 0 12px;}
.empty{padding:34px 26px;font-size:18px;line-height:1.55;}
.empty b{font-size:21px;margin-bottom:10px;}
#activity-log-list .empty{font-size:16px;}
.page-head.account-head{margin-bottom:28px;}
.page-head.account-head p{font-size:18px;line-height:1.6;}

@media(max-width:980px){.settings-layout{gap:18px}.settings-sidebar{position:sticky;top:88px;z-index:5;flex-direction:row;overflow:auto;scrollbar-width:none}.settings-sidebar::-webkit-scrollbar{display:none}.settings-tab{flex:0 0 auto;white-space:nowrap}.account-section-card{padding:24px!important}.form-actions .btn{flex:1 1 auto}.danger-zone .btn{width:100%;min-width:0}.card.pad{padding:24px}.empty{font-size:16px}}
@media(max-width:620px){.wide-shell{width:min(100% - 28px,1340px)}.section-kicker{align-items:flex-start}.section-kicker span{width:34px;height:34px}.account-section-card h3{font-size:30px}.account-section-card > .subtle{font-size:16px}.split-form{gap:18px}.form-actions{display:grid}.form-actions .btn{width:100%}.settings-subgrid section{padding:18px}.card.pad > h3{font-size:28px}.billing-plan b{font-size:46px}.empty{padding:26px 18px}}

/* V24: dark-only polish, soft navigation, legal pages, and settings alignment */
html{scroll-behavior:auto;}
body{background:radial-gradient(circle at 20% -10%,rgba(132,91,255,.28),transparent 35%),linear-gradient(180deg,#151021 0%,#0b0a12 100%)!important;}
body.theme-light{background:radial-gradient(circle at 20% -10%,rgba(132,91,255,.28),transparent 35%),linear-gradient(180deg,#151021 0%,#0b0a12 100%)!important;color:#f8f6ff!important;}
body.soft-navigating main{opacity:1;filter:none;pointer-events:auto;}
main{transition:opacity .16s ease,filter .16s ease;}

.footer{padding:34px 0 42px;margin-top:74px;}
.footer-grid{align-items:flex-start;}
.footer p{max-width:430px;line-height:1.55;}
.footer-links{gap:10px 18px;align-items:center;}
.footer-links a{color:#d9d0ff;text-decoration:none;border-bottom:1px solid transparent;padding:5px 0;}
.footer-links a:hover{border-color:rgba(176,151,255,.55);color:#fff;}

.settings-layout{gap:26px;}
.settings-panels{min-width:0;}
.settings-panel.active{animation:none;}
.account-section-card h3,.card.pad h3{margin-top:0;margin-bottom:14px;line-height:1.1;}
.account-section-card .subtle,.card.pad .subtle{margin-top:0;margin-bottom:24px;line-height:1.65;}
#profile-message-v14,#security-message-v14,#preferences-message-v14{margin:22px 0 26px!important;padding:16px 20px!important;border-radius:18px!important;}
#profile-message-v14.hidden,#security-message-v14.hidden,#preferences-message-v14.hidden{display:none!important;}
.split-form{gap:22px 28px;align-items:start;}
.form{gap:22px;}
.field{min-width:0;}
.field label{margin-bottom:12px!important;font-size:14px!important;line-height:1.25!important;color:#f3ecff!important;}
.field-help{margin:9px 0 0;color:#b8accb;font-size:13px;line-height:1.45;}
.field input,.field select,.field textarea{min-height:56px;padding:15px 18px;font-size:16px;}
.form-actions{margin-top:12px!important;gap:16px!important;align-items:center;}
.settings-subgrid{gap:24px;}
.settings-subgrid section{padding:22px;}
.settings-subgrid h4{margin-bottom:18px!important;letter-spacing:.02em;}
.setting-choice{display:flex;align-items:flex-start;gap:12px;line-height:1.45;margin:10px 0;padding:15px 16px;}
.setting-choice input{margin-top:3px;flex:0 0 auto;}
.security-option,.settings-row{align-items:flex-start;padding:18px 0!important;}
.security-option b,.settings-row b{font-size:16px;line-height:1.25;}
.security-option span,.settings-row span{font-size:14px;line-height:1.55;max-width:520px;}
.danger-zone .btn,.card.pad .btn{margin-top:10px;}
.danger-zone .btn + .btn{margin-top:12px;}
.billing-plan{padding:24px;margin:18px 0 20px;}
.empty{padding:28px!important;line-height:1.65!important;}
.empty b{display:block;margin-bottom:8px;}

.legal-page{padding-top:150px;padding-bottom:40px;}
.legal-hero{max-width:900px;margin-bottom:26px;}
.legal-hero h1{font-size:clamp(44px,7vw,76px);letter-spacing:-.065em;line-height:.95;margin:20px 0;color:#fff;}
.legal-updated{display:inline-flex;padding:10px 14px;border:1px solid rgba(205,190,255,.14);border-radius:999px;color:#d9d0ff;background:rgba(255,255,255,.04);font-weight:800;margin-top:8px;}
.legal-card{background:linear-gradient(180deg,#1b1728,#14121e);border:1px solid rgba(205,190,255,.13);border-radius:28px;padding:28px;margin:18px 0;box-shadow:0 20px 70px rgba(0,0,0,.20);}
.legal-card h2{font-size:28px;margin:0 0 14px;color:#fff;letter-spacing:-.04em;}
.legal-card p,.legal-card li{color:#c6bbd7;line-height:1.75;font-weight:650;}
.legal-card ul{margin:12px 0 0;padding-left:22px;display:grid;gap:8px;}
.legal-card strong{color:#fff;}

@media(max-width:980px){.settings-layout{gap:20px}.settings-sidebar{gap:8px;padding:10px}.settings-tab{padding:12px 13px}.settings-subgrid section{padding:18px}.legal-page{padding-top:118px}.footer-grid{display:block}.footer-links{margin-top:18px}}
@media(max-width:760px){.split-form,.settings-subgrid{gap:18px}.form-actions .btn{width:100%}.legal-card{padding:22px;border-radius:22px}.legal-card h2{font-size:24px}}


/* V25 navigation, form spacing, and dark-only polish */
body.theme-light{background:radial-gradient(circle at 20% -10%,rgba(132,91,255,.28),transparent 35%),linear-gradient(180deg,#151021 0%,#0b0a12 100%)!important;color:#f8f6ff!important;}
.form{gap:24px!important;}
.card.pad form.form{margin-top:28px!important;}
.field{display:grid;gap:10px;min-width:0;}
.field label{display:block!important;margin:0!important;padding:0 0 2px 0!important;font-size:15px!important;line-height:1.25!important;color:#f3ecff!important;letter-spacing:-.01em;}
.field input,.field select,.field textarea{display:block;width:100%;min-height:62px!important;padding:17px 20px!important;border-radius:20px!important;line-height:1.25;}
.field textarea{min-height:170px!important;padding-top:18px!important;}
#contact-form{gap:26px!important;}
#contact-form .btn{margin-top:4px;justify-self:start;}
.success-box,.error-box{margin:0 0 22px 0!important;}
.page-head + .card,.page-head + .settings-layout,.lead + .card,.lead + form{margin-top:24px;}
.hero-actions,.form-actions{gap:16px!important;align-items:center;}
.footer-links{gap:14px 22px;align-items:center;}
@media(max-width:720px){.field input,.field select,.field textarea{min-height:58px!important}.card.pad form.form{margin-top:22px!important}.form{gap:20px!important}}


/* V27 clean URL + spacing polish */
html{scroll-behavior:auto;}
body{overscroll-behavior-y:none;}
.app-layout{align-items:flex-start;gap:32px;}
.sidebar{gap:12px;align-self:flex-start;}
.side-link{margin:0 0 10px 0;min-height:54px;display:flex;align-items:center;}
.content{min-width:0;}
.card.pad{padding:28px;}
.section-kicker{margin-bottom:22px;}
.section-kicker + h1,.section-kicker + h2,.section-kicker + h3{margin-top:0;}
.form{gap:22px;}
.field{margin-bottom:0;}
.field label{display:block;margin-bottom:12px;line-height:1.25;}
input,textarea,select{scroll-margin-top:120px;}
.form .hero-actions,.form-actions{margin-top:12px;gap:14px;align-items:center;}
.success-box,.error-box{margin:0 0 22px 0;line-height:1.35;}
.list-item{gap:22px;padding:24px 26px;align-items:center;}
.list-copy{display:flex;flex-direction:column;gap:8px;min-width:0;}
.list-copy b{line-height:1.15;}
.list-copy span{line-height:1.35;}
.row-actions{gap:12px;align-items:center;flex-wrap:wrap;}
.big-score{display:flex;align-items:flex-end;gap:4px;margin-bottom:24px;}
.big-score strong{line-height:.82;}
.trust-badges.compact,.badge-wall{gap:14px;margin-top:18px;}
.alert-row .row-actions .btn{white-space:nowrap;}
@media (max-width: 760px){
  .app-layout{gap:18px;}
  .card.pad{padding:22px;}
  .list-item{align-items:flex-start;}
  .row-actions{width:100%;}
}

/* V28 product trust/search system polish */
.product-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));align-items:start}
.product-card{padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0;overflow:hidden}
.product-main.product-main-v28{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:start}
.product-card .product-img{width:112px;height:112px;border-radius:24px;flex:0 0 auto;background:#f8f4ff}
.product-card .product-img img{object-fit:contain;background:#fff}
.product-copy{min-width:0;display:flex;flex-direction:column;gap:8px}
.product-title{font-size:22px;line-height:1.12;letter-spacing:-.045em;overflow-wrap:anywhere;word-break:normal}
.score-note{display:grid;gap:3px;margin-top:2px;padding:10px 12px;border-radius:15px;background:rgba(139,114,255,.10);border:1px solid rgba(177,155,255,.18)}
.score-note b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#efeaff}
.score-note span{font-size:12px;line-height:1.45;color:#b8accb;font-weight:750}
.product-score-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,rgba(139,114,255,.18),rgba(255,255,255,.04));border:1px solid rgba(177,155,255,.22)}
.product-score-panel div{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.product-score-panel small{display:none}
.product-score-panel strong{font-size:38px;line-height:.9;letter-spacing:-.07em;color:#fff;font-family:"Space Grotesk"}
.product-score-panel span{color:#cfc4e7;font-weight:900}
.product-score-panel p{margin:0;color:#c3b8d6;line-height:1.45;font-size:13px;font-weight:740}
.detail-score{display:block;margin:12px 0 14px}.detail-score div{margin-bottom:10px}.detail-score small{display:block;color:#d9d0ff;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.detail-score strong{font-size:64px}.detail-score p{font-size:14px}
.product-card>.score{display:none}.trust-product .store{line-height:1.45}.data-row{gap:10px}.data-row div{min-width:0}.data-row b{overflow-wrap:anywhere}.card-actions .btn{min-height:40px}.recommend .big-score{margin:16px 0 24px}.recommend .trust-mini{margin-top:20px}.trust-mini span{margin-bottom:4px}.alert-row{gap:18px}.alert-row .list-copy small{display:block;margin-top:8px;color:#9f94b8;line-height:1.45}.notification-hit{border-color:rgba(71,210,155,.24)!important;background:linear-gradient(180deg,rgba(71,210,155,.08),rgba(255,255,255,.03))}.notification-watch{background:rgba(255,255,255,.025)}
.dashboard-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}.dashboard-insights .insight-card{padding:18px;border-radius:22px;background:linear-gradient(180deg,#1b1728,#14121e);border:1px solid rgba(205,190,255,.13)}.dashboard-insights b{display:block;color:#d9d0ff;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.dashboard-insights strong{display:block;color:#fff;font-size:20px;line-height:1.2;letter-spacing:-.035em}.dashboard-insights span{display:block;color:#b8accb;margin-top:8px;line-height:1.5;font-weight:700}
.decision-input-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.manual-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quick-prompts{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.quick-prompts button{border:1px solid rgba(177,155,255,.20);background:rgba(139,114,255,.10);color:#efeaff;border-radius:999px;padding:10px 13px;font-weight:850;cursor:pointer}.money-card{border:1px solid rgba(177,155,255,.20);background:rgba(139,114,255,.08)}.affiliate-note{border:1px solid rgba(71,210,155,.20);background:rgba(71,210,155,.07)}
.product-detail-grid+.grid p{line-height:1.6}.product-hero-img img{object-fit:contain;background:#fff}
@media(max-width:760px){.product-grid{grid-template-columns:1fr}.product-main.product-main-v28{grid-template-columns:88px minmax(0,1fr);gap:14px}.product-card .product-img{width:88px;height:88px;border-radius:20px}.product-title{font-size:19px}.product-score-panel{grid-template-columns:1fr}.product-score-panel p{font-size:12px}.decision-input-grid,.manual-demo-grid{grid-template-columns:1fr}.detail-score strong{font-size:52px}}

/* V30 trust/search/outbound system polish */
.category-filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 4px;color:#bdb3d7;font-weight:800}.category-filter-row label{color:#f6f1ff;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.category-filter-row select{min-width:210px;background:#15111f;color:#fff;border-color:rgba(177,155,255,.22)}.category-filter-row span{font-size:13px;color:#9f94b8}.product-main.product-main-v30{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:start}.quality-row{display:flex;gap:9px;flex-wrap:wrap;align-items:center;color:#a99dca;font-size:12px;font-weight:800;line-height:1.35}.quality-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(177,155,255,.22);background:rgba(139,114,255,.12);color:#efeaff;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.07em}.quality-good{border-color:rgba(71,210,155,.30);background:rgba(71,210,155,.10);color:#bbf7dd}.quality-limited{border-color:rgba(245,158,11,.34);background:rgba(245,158,11,.10);color:#ffe6b3}.quality-suspicious,.quality-category-mismatch{border-color:rgba(244,63,94,.35);background:rgba(244,63,94,.11);color:#ffd4dc}.blocked-card{opacity:.8;border-color:rgba(244,63,94,.25)!important}.alt-mini{border:1px solid rgba(177,155,255,.14);background:rgba(255,255,255,.035);padding:12px 13px;border-radius:16px;display:grid;gap:5px}.alt-mini b{font-size:12px;color:#efeaff;text-transform:uppercase;letter-spacing:.08em}.alt-mini span{font-size:13px;line-height:1.45;color:#b8accb;font-weight:740}.stack-list{display:grid;gap:10px;margin-top:14px}.soft-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(177,155,255,.12);color:#f8f4ff;text-decoration:none;font-weight:850}.soft-row:hover{border-color:rgba(139,114,255,.42);background:rgba(139,114,255,.10)}.out-card{max-width:720px;margin:40px auto;display:grid;gap:14px}.out-status{display:grid;gap:12px}.out-status b{font-size:30px;letter-spacing:-.04em;color:#fff}.out-status span,.out-status small{color:#b8accb;line-height:1.55}.product-score-panel p{overflow-wrap:anywhere}.product-card .card-actions{align-items:center}.product-card .external-note{display:inline-flex;align-items:center;min-height:32px}.details-open-warning{border-color:rgba(245,158,11,.3)}
@media(max-width:760px){.product-main.product-main-v30{grid-template-columns:88px minmax(0,1fr);gap:14px}.category-filter-row{display:grid}.category-filter-row select{width:100%;min-width:0}.out-status b{font-size:24px}}

/* V32 retailer/product link hardening */

/* V35 search notice */
.search-notice{grid-column:1/-1;border:1px solid rgba(167,139,250,.28);background:rgba(124,58,237,.10);}


/* V36 satisfying dashboard + website polish */
html{scroll-behavior:smooth;}
body{background-color:#0d0b14;}
body::before{content:"";position:fixed;inset:-20%;z-index:-2;pointer-events:none;background:radial-gradient(circle at 15% 10%,rgba(126,79,255,.22),transparent 26%),radial-gradient(circle at 85% 0%,rgba(191,122,255,.16),transparent 28%),radial-gradient(circle at 50% 100%,rgba(80,54,140,.20),transparent 34%),#0d0b14;}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0) 40%),radial-gradient(circle at center,transparent 0,rgba(0,0,0,.20) 78%);}
.card,.auth-card,.modal,.sidebar,.topbar{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;}
.card:hover{border-color:rgba(180,155,255,.20);box-shadow:0 28px 90px rgba(0,0,0,.28),0 0 0 1px rgba(142,102,255,.06) inset;}
.btn{box-shadow:0 12px 34px rgba(0,0,0,.14);}
.btn.primary,.btn.dark{background-image:linear-gradient(135deg,#6e3cff,#a66bff);}
.btn.secondary,.btn.ghost,.btn.subtle-btn{backdrop-filter:blur(10px);}
.product-card{position:relative;overflow:hidden;}
.product-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(151,107,255,.10),transparent 32%,rgba(255,255,255,.025));opacity:.85;}
.product-card>*{position:relative;}
.field input,.field select,.field textarea,.select{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.field input:focus,.field select:focus,.field textarea:focus,.select:focus{outline:none;border-color:rgba(169,132,255,.60)!important;box-shadow:0 0 0 4px rgba(139,92,246,.14);}

body.dashboard-page{--dash-top:92px;}
@media(min-width:1100px){
  body.dashboard-page{height:100vh;overflow:hidden;}
  body.dashboard-page .topbar{height:64px;top:10px;margin-top:10px;border-radius:22px;}
  body.dashboard-page .brand img{width:42px;height:42px;border-radius:14px;}
  body.dashboard-page .brand{font-size:21px;}
  body.dashboard-page .nav a{min-height:38px;padding:0 11px;font-size:13px;}
  body.dashboard-page .btn{min-height:40px;border-radius:14px;padding:0 14px;}
  body.dashboard-page .app-page{height:calc(100vh - 88px);padding:18px 0 0;overflow:hidden;}
  body.dashboard-page .app-layout{height:100%;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:stretch;}
  body.dashboard-page .sidebar{top:88px;position:sticky;height:calc(100vh - 112px);padding:10px;border-radius:24px;display:flex;flex-direction:column;}
  body.dashboard-page .side-link{min-height:37px;border-radius:13px;font-size:13px;}
  body.dashboard-page .content.dashboard-content{height:100%;display:grid;grid-template-rows:auto auto auto 1fr;gap:12px;overflow:hidden;}
  body.dashboard-page .page-head{margin:0;align-items:center;}
  body.dashboard-page .page-title{font-size:34px;letter-spacing:-.06em;}
  body.dashboard-page .page-head p{font-size:14px;margin-top:4px;line-height:1.35;}
  body.dashboard-page .footer{display:none;}
}
.dashboard-hero-v36{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px;align-items:stretch;}
.dashboard-welcome-v36,.dashboard-focus-v36{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,rgba(32,25,48,.96),rgba(18,15,28,.96));border:1px solid rgba(205,190,255,.13);box-shadow:0 24px 80px rgba(0,0,0,.22);padding:18px;}
.dashboard-welcome-v36::after{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-100px;background:radial-gradient(circle,rgba(148,104,255,.32),transparent 68%);pointer-events:none;}
.dashboard-kicker{display:inline-flex;align-items:center;gap:8px;color:#d9d0ff;font-size:11px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;border:1px solid rgba(205,190,255,.15);padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.045);}
.dashboard-welcome-v36 h2{position:relative;margin:10px 0 6px;color:#fff;font-family:"Space Grotesk";font-size:30px;line-height:1.02;letter-spacing:-.055em;}
.dashboard-welcome-v36 p,.dashboard-focus-v36 p{position:relative;margin:0;color:#b8accb;line-height:1.45;font-weight:700;font-size:14px;}
.dashboard-focus-v36{display:grid;align-content:center;gap:10px;padding:18px 20px;}
.dashboard-focus-v36 b{color:#fff;font-size:20px;line-height:1.1;letter-spacing:-.035em;}
.dashboard-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.dashboard-quick-actions .btn{min-height:38px;font-size:13px;}
.dashboard-page .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:0!important;}
.dashboard-page .metric{padding:14px 15px;border-radius:22px;min-height:92px;display:grid;align-content:center;background:linear-gradient(180deg,rgba(31,25,47,.96),rgba(19,16,29,.96));}
.dashboard-page .metric strong{color:#fff;font-size:30px;line-height:1;}
.dashboard-page .metric span{color:#b8accb;font-size:12px;margin-top:7px;letter-spacing:.02em;}
.dashboard-page .dashboard-insights{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:0;}
.dashboard-page .dashboard-insights .insight-card{min-height:128px;padding:15px;border-radius:22px;display:grid;align-content:start;background:linear-gradient(180deg,rgba(31,25,47,.96),rgba(18,15,27,.96));}
.dashboard-page .dashboard-insights b{font-size:10px;margin-bottom:7px;color:#cbbfff;}
.dashboard-page .dashboard-insights strong{font-size:15px;line-height:1.18;letter-spacing:-.025em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.dashboard-page .dashboard-insights span{font-size:12px;line-height:1.32;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.dashboard-activity-v36{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;min-height:0;}
.dashboard-activity-v36 .card.pad{padding:16px;border-radius:24px;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr;}
.dashboard-activity-v36 h3{font-size:18px;letter-spacing:-.035em;margin:0;}
.dashboard-activity-v36 .list{gap:9px;min-height:0;overflow:hidden;margin-top:10px!important;}
.dashboard-activity-v36 .list-item{padding:11px 12px;border-radius:16px;min-height:54px;background:rgba(255,255,255,.045);}
.dashboard-activity-v36 .list-item b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px;color:#fff;}
.dashboard-activity-v36 .list-item span{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px;color:#b8accb;}
.dashboard-activity-v36 .empty{padding:18px;border-radius:18px;font-size:13px;}
@media(max-width:1240px) and (min-width:1100px){
  .dashboard-page .dashboard-insights{grid-template-columns:repeat(5,minmax(140px,1fr));}
  .dashboard-page .dashboard-insights .insight-card{padding:13px;}
  .dashboard-page .dashboard-insights strong{font-size:14px;}
  .dashboard-page .dashboard-insights span{font-size:11px;}
  .dashboard-welcome-v36 h2{font-size:26px;}
}
@media(max-width:1099px){
  .dashboard-hero-v36,.dashboard-activity-v36{grid-template-columns:1fr;}
  .dashboard-page .dashboard-insights{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .dashboard-page .dashboard-insights,.dashboard-page .metric-grid{grid-template-columns:1fr;}
  .dashboard-welcome-v36,.dashboard-focus-v36{border-radius:22px;padding:16px;}
}

/* V37 dashboard spacious polish + broad search reset */
.search-panel{padding:22px;border-radius:30px;box-shadow:0 24px 90px rgba(0,0,0,.18),0 0 0 1px rgba(156,119,255,.08) inset;}
.searchbar{gap:14px;}
.searchbar input{min-height:62px;font-size:17px;border-radius:22px;}
.searchbar .btn{min-height:62px;border-radius:22px;}
.results-wrap{align-items:start;gap:24px;}
.product-grid{gap:20px;}
.product-card{border-radius:28px;}
.product-main-v30{gap:18px;}
.score-note span{line-height:1.45;}

body.dashboard-page{--dashboard-card-bg:linear-gradient(180deg,rgba(34,27,51,.96),rgba(18,15,29,.97));}
@media(min-width:1100px){
  body.dashboard-page{height:auto!important;min-height:100vh!important;overflow:auto!important;}
  body.dashboard-page .topbar{height:72px!important;top:14px!important;margin-top:10px!important;border-radius:26px!important;}
  body.dashboard-page .brand img{width:48px!important;height:48px!important;border-radius:16px!important;}
  body.dashboard-page .brand{font-size:23px!important;}
  body.dashboard-page .nav a{min-height:42px!important;padding:0 14px!important;font-size:14px!important;}
  body.dashboard-page .btn{min-height:44px!important;border-radius:16px!important;padding:0 18px!important;}
  body.dashboard-page .app-page{height:auto!important;min-height:calc(100vh - 96px)!important;padding:34px 0 56px!important;overflow:visible!important;}
  body.dashboard-page .wide-shell{width:min(100% - 56px,1420px)!important;}
  body.dashboard-page .app-layout{height:auto!important;grid-template-columns:246px minmax(0,1fr)!important;gap:26px!important;align-items:start!important;}
  body.dashboard-page .sidebar{top:104px!important;position:sticky!important;height:auto!important;min-height:520px!important;padding:16px!important;border-radius:30px!important;display:flex!important;flex-direction:column!important;gap:8px!important;background:linear-gradient(180deg,rgba(25,20,38,.96),rgba(13,11,20,.98))!important;}
  body.dashboard-page .side-link{min-height:46px!important;border-radius:16px!important;font-size:14px!important;padding:0 16px!important;}
  body.dashboard-page .content.dashboard-content{height:auto!important;overflow:visible!important;display:grid!important;grid-template-rows:auto!important;gap:24px!important;}
  body.dashboard-page .page-head{margin:0!important;align-items:center!important;padding:2px 2px 0!important;}
  body.dashboard-page .page-title{font-size:48px!important;letter-spacing:-.07em!important;line-height:.95!important;}
  body.dashboard-page .page-head p{font-size:16px!important;margin-top:10px!important;line-height:1.55!important;color:#bfb4d3!important;max-width:720px!important;}
  body.dashboard-page .footer{display:none!important;}
  .dashboard-hero-v36{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important;gap:22px!important;align-items:stretch!important;}
  .dashboard-welcome-v36,.dashboard-focus-v36{border-radius:34px!important;padding:28px!important;background:var(--dashboard-card-bg)!important;border-color:rgba(205,190,255,.16)!important;box-shadow:0 30px 110px rgba(0,0,0,.30)!important;}
  .dashboard-welcome-v36 h2{font-size:44px!important;line-height:.96!important;margin:16px 0 10px!important;}
  .dashboard-welcome-v36 p,.dashboard-focus-v36 p{font-size:15px!important;line-height:1.62!important;color:#c0b5d3!important;}
  .dashboard-focus-v36{gap:14px!important;align-content:center!important;}
  .dashboard-focus-v36 b{font-size:26px!important;line-height:1.12!important;}
  .dashboard-quick-actions{gap:12px!important;margin-top:0!important;}
  .dashboard-quick-actions .btn{min-height:46px!important;font-size:14px!important;}
  .dashboard-page .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin-top:0!important;}
  .dashboard-page .metric{padding:24px!important;border-radius:30px!important;min-height:132px!important;align-content:center!important;background:var(--dashboard-card-bg)!important;border-color:rgba(205,190,255,.15)!important;}
  .dashboard-page .metric strong{font-size:42px!important;letter-spacing:-.07em!important;color:#fff!important;}
  .dashboard-page .metric span{font-size:14px!important;margin-top:10px!important;color:#c0b5d3!important;}
  .dashboard-page .dashboard-insights{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:0!important;}
  .dashboard-page .dashboard-insights .insight-card{min-height:172px!important;padding:24px!important;border-radius:30px!important;background:var(--dashboard-card-bg)!important;border-color:rgba(205,190,255,.15)!important;box-shadow:0 22px 90px rgba(0,0,0,.20)!important;}
  .dashboard-page .dashboard-insights b{font-size:12px!important;margin-bottom:12px!important;color:#d9d0ff!important;}
  .dashboard-page .dashboard-insights strong{font-size:22px!important;line-height:1.2!important;letter-spacing:-.045em!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;}
  .dashboard-page .dashboard-insights span{font-size:14px!important;line-height:1.55!important;margin-top:12px!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;color:#bdb2cf!important;}
  .dashboard-activity-v36{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:22px!important;min-height:auto!important;}
  .dashboard-activity-v36 .card.pad{padding:24px!important;border-radius:32px!important;min-height:300px!important;overflow:visible!important;display:block!important;background:var(--dashboard-card-bg)!important;border-color:rgba(205,190,255,.15)!important;}
  .dashboard-activity-v36 h3{font-size:23px!important;margin:0 0 16px!important;}
  .dashboard-activity-v36 .list{gap:12px!important;overflow:visible!important;margin-top:0!important;}
  .dashboard-activity-v36 .list-item{padding:15px 16px!important;border-radius:20px!important;min-height:68px!important;background:rgba(255,255,255,.055)!important;border-color:rgba(205,190,255,.10)!important;}
  .dashboard-activity-v36 .list-item b{font-size:15px!important;max-width:440px!important;color:#fff!important;}
  .dashboard-activity-v36 .list-item span{font-size:13px!important;max-width:440px!important;color:#bfb4d3!important;}
  .dashboard-activity-v36 .empty{padding:28px!important;border-radius:22px!important;font-size:14px!important;background:rgba(255,255,255,.045)!important;color:#c0b5d3!important;}
}
@media(max-width:1320px) and (min-width:1100px){
  .dashboard-page .dashboard-insights{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.dashboard-page .page-title{font-size:42px!important;}
  .dashboard-welcome-v36 h2{font-size:38px!important;}
}