/* dashboard/public/css/landing.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{--brand-color:#7289da;--brand-color-hover:#677bc4;--background-primary:#1e1f22;--background-secondary:#2b2d31;--background-tertiary:#383a40;--header-primary:#fff;--text-normal:#dcddde;--text-muted:#b9bbbe;--border-color:#40444B;}
body,html{font-family:'Inter',sans-serif;background-color:var(--background-primary);color:var(--text-normal);margin:0;padding:0;line-height:1.6;}
.container{padding:2rem 4rem;max-width:1100px;margin:4rem auto;}
a{color:var(--brand-color);text-decoration:none;transition:color .2s ease;}
a:hover{text-decoration:none;color:var(--brand-color-hover);}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--background-secondary);border-bottom:1px solid var(--border-color);}
.nav-brand{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:var(--header-primary);}
.nav-brand img{height:48px;width:48px;border-radius:50%;}
.nav-login{display:flex;gap:1rem;}
.btn{padding:10px 20px;border-radius:5px;font-weight:500;transition:background-color .2s ease;border:none;cursor:pointer;}
.btn-primary{background-color:var(--brand-color);color:#fff;}.btn-primary:hover{background-color:var(--brand-color-hover);}
.btn-secondary{background-color:var(--background-tertiary);color:var(--text-normal);}.btn-secondary:hover{background-color:#4a4d53;}
.hero{text-align:center;padding:4rem 1rem;background-color:var(--background-secondary);border-radius:8px;margin-bottom:3rem;border:1px solid var(--border-color);}
.hero-logo{width:128px;height:128px;border-radius:50%;margin-bottom:1rem;}
.hero h1{font-size:3rem;color:var(--header-primary);margin:.5rem 0;}
.hero p{font-size:1.2rem;color:var(--text-muted);max-width:600px;margin:0 auto 1.5rem;}
.hero-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;}
.hero-buttons .btn{padding:12px 24px;font-size:1rem;}
.section-title{text-align:center;font-size:2.5rem;color:var(--header-primary);margin-bottom:2.5rem;border-bottom:2px solid var(--brand-color);display:inline-block;padding-bottom:.5rem;}
.features{text-align:center;}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;text-align:left;}
.feature-card{background-color:var(--background-secondary);padding:2rem;border-radius:8px;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease;}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.2);}
.feature-card h3{margin-top:0;color:var(--header-primary);font-size:1.25rem;}
.feature-card p{color:var(--text-muted);}
.feature-card code{background-color:var(--background-tertiary);padding:.2em .4em;border-radius:3px;font-family:Consolas,Menlo,monospace;}
.footer{text-align:center;padding:2rem;margin-top:3rem;color:var(--text-muted);border-top:1px solid var(--border-color);}
.platform-pill .platform-icon-twitch { color: #9146FF; }
.platform-pill .platform-icon-kick { color: #52E252; }
.platform-pill .platform-icon-youtube { color: #FF0000; }
.platform-pill .platform-icon-tiktok { color: #00f2ea; }
.platform-pill .platform-icon-trovo { color: #21d464; }

.platform-pill {
display: inline-flex;
    align-items: center;
    gap: 6px;
}