/* czz design system — extracted verbatim from czz-home.html */
/* --- fonts (Thmanyah Sans) --- */
@font-face{font-family:'Thmanyah Sans';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/thmanyah-sans-300.woff2) format('woff2')}
@font-face{font-family:'Thmanyah Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/thmanyah-sans-400.woff2) format('woff2')}
@font-face{font-family:'Thmanyah Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/thmanyah-sans-500.woff2) format('woff2')}
@font-face{font-family:'Thmanyah Sans';font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/thmanyah-sans-600-700.woff2) format('woff2')}
@font-face{font-family:'Thmanyah Sans';font-style:normal;font-weight:800 900;font-display:swap;src:url(/fonts/thmanyah-sans-800-900.woff2) format('woff2')}
/* --- tokens --- */
:root{
  --bg:#050506;--surface:#0b0b0d;--surface-2:#111114;--card:rgba(255,255,255,.045);
  --card-strong:rgba(255,255,255,.075);--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);
  --text:#f6f6f3;--muted:#9b9b96;--faint:#686864;--accent:#d8ff62;--accent-soft:rgba(216,255,98,.12);
  --danger:#ff7a7a;--ok:#8de0a7;--radius:24px;
}
/* --- base --- */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{background:var(--bg);color:var(--text);font-family:"Thmanyah Sans",system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
/* --- components: bg/logo/card/button(.login)/tag/widget/input(.search) --- */
.bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:
 radial-gradient(circle at 84% 8%,rgba(216,255,98,.075),transparent 24%),
 radial-gradient(circle at 8% 88%,rgba(86,117,255,.055),transparent 27%),#050506}
.bg:after{content:"";position:absolute;inset:0;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.logo{font-family:'Thmanyah Sans',sans-serif;font-weight:800;font-size:30px;letter-spacing:-.02em;direction:ltr}
.logo i{color:var(--accent);font-style:normal}
.search{height:46px;max-width:470px;flex:1;margin-inline:auto;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035)}
.search svg{opacity:.48;flex:none}
.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}
.search input::placeholder{color:var(--faint)}
.login{height:42px;padding:0 17px;border-radius:13px;color:#070806;background:var(--accent);font-weight:700;cursor:pointer;transition:.2s}
.login:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(216,255,98,.14)}
.widget{min-height:160px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-radius:22px;padding:21px;position:relative;overflow:hidden}
.widget:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;filter:blur(50px);opacity:.11;top:-60px;left:-30px;background:var(--accent)}
.card{min-height:176px;padding:19px;border-radius:21px;border:1px solid var(--line);background:var(--card);position:relative;overflow:hidden;cursor:pointer;transition:.25s}
.card:hover{transform:translateY(-5px);border-color:var(--line-2);background:var(--card-strong)}
.card:after{content:"↗";position:absolute;top:17px;left:17px;color:var(--faint);font-family:'Thmanyah Sans';font-size:14px;transition:.2s}
.card:hover:after{color:var(--accent);transform:translate(-2px,-2px)}
.card h3{font-size:18px;margin-top:28px}
.card p{font-size:12px;color:var(--muted);margin-top:5px}
.tag{position:absolute;right:18px;bottom:17px;font-size:10px;color:var(--ok);background:rgba(141,224,167,.09);padding:4px 8px;border-radius:20px}
.widget{min-height:190px;padding:20px 21px;border-radius:24px;background:linear-gradient(155deg,rgba(255,255,255,.065),rgba(255,255,255,.022));box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 50px rgba(0,0,0,.16);isolation:isolate;transition:transform .28s ease,border-color .28s ease,background .28s ease}
.widget:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.15);background:linear-gradient(155deg,rgba(255,255,255,.078),rgba(255,255,255,.027))}
.widget:before{width:180px;height:180px;filter:blur(65px);opacity:.10;top:-90px;left:-50px}