
: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)}}
