/* ════ UPIScan.com — Shared Theme ════ */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{
  --green:#16A97A;--green-dark:#0D7A58;--green-light:#E6F7F2;
  --purple:#7C3AED;--purple-light:#F3EEFF;
  --blue:#2563EB;--blue-light:#EFF6FF;
  --orange:#D97706;--orange-light:#FFFBEB;
  --red:#DC2626;--red-light:#FEF2F2;
  --dark:#0F172A;--dark2:#1E293B;
  --bg:#F8FAFC;--card:#FFFFFF;
  --text:#0F172A;--text2:#475569;--text3:#94A3B8;
  --border:#E2E8F0;--border2:#CBD5E1;
  --radius:14px;--radius-sm:10px;
  --shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05);
  --shadow-md:0 4px 16px rgba(0,0,0,.10);
  --shadow-lg:0 10px 40px rgba(0,0,0,.12);
}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%}

/* Brand logo */
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.5px}
.brand .logo-box{width:36px;height:36px;background:linear-gradient(135deg,var(--green),var(--green-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 3px 10px rgba(22,169,122,.3)}
.brand .logo-text{color:var(--text)}
.brand .logo-text .dot{color:var(--green)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:11px;font-size:15px;font-weight:700;cursor:pointer;border:none;transition:all .2s;font-family:inherit}
.btn-primary{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;box-shadow:0 4px 14px rgba(22,169,122,.3)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(22,169,122,.4)}
.btn-outline{background:#fff;color:var(--text);border:1.5px solid var(--border2)}
.btn-outline:hover{border-color:var(--green);color:var(--green)}
.btn-ghost{background:transparent;color:var(--text2)}
.btn-lg{padding:15px 30px;font-size:16px}

.container{max-width:1140px;margin:0 auto;padding:0 20px}

/* Logo image (real logo) */
.brand .logo-img{width:36px;height:36px;border-radius:9px;object-fit:cover;box-shadow:0 3px 10px rgba(22,169,122,.3);flex-shrink:0}