/* Colour layer for the app homepage, matching the reviews and guides pages. Loaded last. */
body{--brand-a:#3abbd7;--brand-b:#9768ee;--accent-text:#b9a5ff;--glow-a:rgba(58,187,215,.22);--glow-b:rgba(151,104,238,.26)}
body[data-theme=light]{--accent-text:#5b3fd0;--glow-a:rgba(58,187,215,.16);--glow-b:rgba(151,104,238,.15)}

/* Welcome card: a soft brand glow and a thin gradient edge. */
.growth-hero{position:relative;isolation:isolate;overflow:hidden}
.growth-hero>.growth-hero-inner{position:relative;z-index:1}
body[data-theme] .growth-hero::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:1;filter:none;background:radial-gradient(45% 60% at 15% 20%,var(--glow-a),transparent 100%),radial-gradient(45% 60% at 85% 10%,var(--glow-b),transparent 100%)}
body[data-theme] .growth-hero::after{content:"";position:absolute;z-index:1;inset:0 0 auto;height:3px;pointer-events:none;background:linear-gradient(90deg,var(--brand-a),var(--brand-b))}
body[data-theme] .growth-hero .growth-eyebrow{color:var(--accent-text)!important;border:1px solid transparent!important;background:linear-gradient(var(--surface,var(--panel)),var(--surface,var(--panel))) padding-box,linear-gradient(100deg,var(--brand-a),var(--brand-b)) border-box!important}

/* Topic chips use the colour each topic already defines. */
body[data-theme] .growth-topics .growth-topic{color:var(--topic-color)!important;border-color:color-mix(in srgb,var(--topic-color) 45%,transparent)!important;background:color-mix(in srgb,var(--topic-color) 12%,var(--surface,var(--panel)))!important}
body[data-theme=light] .growth-topics .growth-topic{color:color-mix(in srgb,var(--topic-color) 45%,#15213a)!important;border-color:color-mix(in srgb,var(--topic-color) 60%,#c2cee4)!important;background:color-mix(in srgb,var(--topic-color) 16%,#fff)!important}

/* Side panels and the header pick up a thin brand line. */
.desktop-panel{position:relative;overflow:hidden}
.desktop-panel::before{content:"";position:absolute;inset:0 0 auto;height:2px;pointer-events:none;background:linear-gradient(90deg,var(--brand-a),var(--brand-b));opacity:.7}
.desktop-panel-head h3 svg,.desktop-panel-head h3 .nodora-icon{color:var(--accent-text)}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--brand-a) 25%,var(--brand-b) 75%,transparent);opacity:.55}

/* Home hero: exchange tools and the League first */
.growth-hero-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.growth-hero-cta a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.growth-tools a.growth-topic{text-decoration:none;color:inherit;cursor:pointer}
.growth-join{margin:16px 0 0!important}
.growth-join .link-button{background:none;border:0;padding:0;color:#8b6dff;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* Telegram mini app: email sign-in only, no "add to home screen" prompts */
html[data-telegram="1"] [data-social-auth],html[data-telegram="1"] .install-banner,html[data-telegram="1"] .install-prompt,html[data-telegram="1"] .install-card{display:none!important}
