/* .u.cash shell styles. House palette: black + gold, square radius, Inter. Theme via [data-theme="light"] on . No em dashes in any authored copy. */ :root{ --gold:#cc9933; --gold-2:#e6b347; --bg:#0a0a0a; --bg-2:#111114; --panel:#141417; --line:rgba(255,255,255,.10); --text:#e6e8ec; --muted:#9aa3af; --radius:0; --container:1180px; font-family:Inter,system-ui,-apple-system,Arial,sans-serif; } [data-theme="light"]{ --bg:#ffffff; --bg-2:#f6f7f9; --panel:#ffffff; --line:rgba(0,0,0,.10); --text:#1a1a1a; --muted:#5b6470; } *{box-sizing:border-box} html,body{margin:0;padding:0} body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.55;min-height:100vh;display:flex;flex-direction:column} a{color:inherit;text-decoration:none} .uxc-wrap{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px} /* nav */ .uxc-nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)} .uxc-nav-row{display:flex;align-items:center;gap:20px;height:64px} .uxc-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.01em} .uxc-logo{height:26px;width:auto;display:none} [data-theme="dark"] .uxc-logo-d{display:block} [data-theme="light"] .uxc-logo-l{display:block} .uxc-appdot{color:var(--gold);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-left:1px solid var(--line);padding-left:10px} .uxc-nav-links{display:flex;gap:22px;margin-left:8px;font-size:14px;color:var(--muted)} .uxc-nav-links a:hover{color:var(--text)} .uxc-nav-right{margin-left:auto;display:flex;align-items:center;gap:14px} .uxc-user{font-size:13px;color:var(--muted);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* theme toggle */ .uxc-theme-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s} .uxc-theme-btn:hover{color:var(--text);border-color:var(--gold)} .uxc-i-sun{display:none} [data-theme="light"] .uxc-i-sun{display:block} [data-theme="light"] .uxc-i-moon{display:none} /* buttons */ .uxc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;padding:10px 18px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:transform .08s,background .15s,border-color .15s;white-space:nowrap} .uxc-btn:active{transform:translateY(1px)} .uxc-btn-gold{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1a1300;border-color:var(--gold)} .uxc-btn-gold:hover{filter:brightness(1.05)} .uxc-btn-ghost{background:transparent;color:var(--text);border-color:var(--line)} .uxc-btn-ghost:hover{border-color:var(--gold);color:var(--gold)} .uxc-btn-lg{padding:14px 26px;font-size:15px} /* hero */ .uxc-hero{flex:1;display:flex;align-items:center;padding:90px 0 70px} .uxc-hero h1{font-size:clamp(34px,6vw,64px);line-height:1.05;font-weight:900;letter-spacing:-.02em;margin:18px 0 18px} .uxc-gold{color:var(--gold)} .uxc-lead{font-size:clamp(16px,2.2vw,20px);color:var(--muted);max-width:640px;margin:0 0 30px} .uxc-cta{margin-bottom:26px} .uxc-pill{display:inline-block;font-size:14px;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);padding:12px 16px} .uxc-badge{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:999px;padding:5px 14px} .uxc-status{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--muted)} .uxc-dot{width:9px;height:9px;border-radius:50%;background:var(--muted)} .uxc-status.is-on .uxc-dot{background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.15)} .uxc-status.is-off .uxc-dot{background:var(--gold)} /* footer */ .uxc-foot{border-top:1px solid var(--line);background:var(--bg-2);font-size:13px;color:var(--muted)} .uxc-foot-row{display:flex;align-items:center;justify-content:space-between;gap:14px;height:62px;flex-wrap:wrap} .uxc-foot-links{display:flex;gap:16px} .uxc-foot-links a:hover{color:var(--text)} @media (max-width:760px){ .uxc-nav-links{display:none} .uxc-user{display:none} }