.footer-inner{flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:#5367dc;font-weight:700}.footer-links a:hover{text-decoration:underline}.consent-field{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:12px 0;color:#58667d;font-size:12px;line-height:1.5}.consent-field label{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.consent-field input{margin-top:3px;accent-color:var(--blue)}.consent-field a{flex:0 0 auto;color:var(--blue);font-weight:800}.legal-page{max-width:900px;margin:20px auto;padding:clamp(20px,4vw,38px)}.legal-page h1{margin-top:0}.legal-content,.bot-guide-text{color:#526078;font-size:14px;line-height:1.85;white-space:normal}.legal-content{overflow-wrap:anywhere}.bot-guide-card{padding:clamp(18px,4vw,30px)}.bot-guide-card .section-head{margin-bottom:12px}.cms-textarea{width:100%;min-height:105px;border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--ink);font:500 12px/1.6 Manrope, sans-serif;resize:vertical}.cms-textarea:focus{outline:2px solid #8795ff55;border-color:#8795ff}.admin-content .field input{width:100%}

/* Homepage depth: soft, consistent elevation without overwhelming the clean layout. */
.hero{box-shadow:0 20px 56px rgba(39,56,111,.12),0 3px 10px rgba(39,56,111,.04)}
.top-channel-card,.channel-card,.filters,.bot-guide-card{box-shadow:0 10px 28px rgba(39,56,111,.10),0 2px 7px rgba(39,56,111,.04);transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease}
.top-channel-card:hover,.channel-card:hover{box-shadow:0 17px 38px rgba(39,56,111,.16),0 4px 12px rgba(39,56,111,.06)}
.filters:hover,.bot-guide-card:hover{box-shadow:0 14px 34px rgba(39,56,111,.13),0 3px 9px rgba(39,56,111,.05)}
.category-chips .chip{box-shadow:0 3px 10px rgba(39,56,111,.06)}
.top-channel-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:1px}
.top-channel-metrics>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.top-channel-metrics small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.035em}
.top-channel-metrics b{font-size:12px;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}
@media(max-width:950px) and (min-width:681px){.channel-card{grid-template-columns:minmax(175px,1.4fr) repeat(3,minmax(75px,.6fr)) auto}.channel-main{grid-column:1}.channel-card .stat:nth-of-type(2),.channel-card .stat:nth-of-type(3),.channel-card .stat:nth-of-type(4){display:block}}
@media(max-width:680px){.top-channel-metrics{gap:6px}.top-channel-metrics small{font-size:7px}.top-channel-metrics b{font-size:11px}.channel-card{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.channel-main{grid-column:1/-1}.channel-card .stat:nth-of-type(2){grid-column:1;display:block}.channel-card .stat:nth-of-type(3){grid-column:2;display:block}.channel-card .stat:nth-of-type(4){grid-column:3;display:block}.card-action{grid-column:1/-1;grid-row:auto}.card-action .btn{width:100%}}
.auth-actions{display:flex;align-items:center;gap:8px}.auth-actions .btn{white-space:nowrap}.auth-switch{margin:14px 0 0;color:var(--muted);font-size:12px}.auth-switch a{color:var(--blue);font-weight:800}
@media(min-width:681px){.nav{display:flex!important}}
@media(max-width:680px){.nav{display:none!important}.topbar{gap:8px}.brand{min-width:0;max-width:38%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px}.auth-actions{gap:6px}.auth-actions .btn{padding:10px 11px;font-size:11px}.admin-top-link{padding:9px 8px;font-size:10px}}
@media(max-width:360px){.brand{max-width:32%;font-size:16px}.auth-actions .btn{padding:9px 8px;font-size:10px}}

/* Homepage hero copy stays comfortably inset from the rounded panel edge. */
.hero-grid>div:first-child{padding-inline:clamp(14px,2.4vw,30px)}
@media(max-width:680px){.hero-grid>div:first-child{padding-inline:18px}}

/* Editable, responsive footer inspired by the supplied reference. */
.footer{padding:34px 0 20px;background:linear-gradient(180deg,#fbfcff,#f5f7fb)}
.footer-layout{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,2fr);gap:42px;padding:8px 0 28px}
.footer-stats{display:grid;gap:14px;align-content:start}
.footer-stat{padding:0 0 13px;border-bottom:1px solid var(--line)}
.footer-stat strong{display:flex;align-items:center;gap:8px;font-size:25px;letter-spacing:-.6px;color:var(--ink)}
.footer-stat strong i{width:9px;height:9px;border-radius:50%;background:#33c497;box-shadow:0 0 0 5px #33c4971c}
.footer-stat span,.footer-stat small{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.footer-stat small{font-size:10px;color:#8894a8}
.footer-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.footer-group{display:grid;align-content:start;gap:12px}
.footer-group h3{margin:0 0 4px;color:#8994a8;font-size:12px;font-weight:700}
.footer-group a,.footer-legal a{color:#293751;font-size:13px;line-height:1.5}
.footer-group a:hover,.footer-legal a:hover{color:var(--blue)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.footer-brand strong{color:#33405a;font-size:12px}.footer-brand span{color:#7b879b}
.footer-legal{display:flex;gap:18px;flex-wrap:wrap}.footer-legal a{font-size:11px;color:#68758b}
.footer-note{margin:12px 0 0;color:#98a2b2;font-size:10px}
@media(max-width:760px){.footer-layout{grid-template-columns:1fr;gap:26px}.footer-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.footer-stat{padding:12px;background:#fff;border:1px solid var(--line);border-radius:13px}.footer-stat strong{font-size:18px}.footer-stat span{font-size:10px}.footer-stat small{font-size:9px}.footer-groups{gap:16px}.footer-group{gap:10px}.footer-group a{font-size:11px}.footer-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.footer-groups{grid-template-columns:1fr 1fr}.footer-stat{padding:9px}.footer-stat strong{font-size:16px}}