/* Fanora Home — Premium dark streaming UI
   Load this AFTER style.css and responsive.css. */
:root{--im-bg:#09090d;--im-panel:#14141d;--im-panel-2:#1c1c28;--im-text:#f8fafc;--im-muted:#a1a1b2;--im-line:rgba(255,255,255,.09);--im-purple:#8b5cf6;--im-purple-hi:#a78bfa;}
html,body{background:var(--im-bg)!important;color:var(--im-text)!important;}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
.header{position:sticky!important;top:0!important;z-index:100!important;background:rgba(9,9,13,.9)!important;border-bottom:1px solid var(--im-line)!important;backdrop-filter:blur(18px);}
.header-inner{width:min(1200px,calc(100% - 32px))!important;min-height:72px!important;margin:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;}
.logo{margin:0!important;color:#fff!important;font-size:1.32rem!important;font-weight:800!important;letter-spacing:-.045em!important;}
.logo a{display:inline-flex!important;align-items:center!important;gap:.35rem!important;color:inherit!important;text-decoration:none!important;}
.header-controls{display:flex!important;align-items:center!important;gap:10px!important;}
.search-input,#searchInput{width:clamp(210px,30vw,350px)!important;height:42px!important;padding:0 14px!important;border:1px solid var(--im-line)!important;border-radius:12px!important;background:#191923!important;color:#fff!important;font-size:.92rem!important;outline:none!important;box-shadow:none!important;}
.search-input:focus,#searchInput:focus{border-color:var(--im-purple-hi)!important;box-shadow:0 0 0 4px rgba(139,92,246,.16)!important;}
.btn-icon,#adminBtn{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;border:1px solid var(--im-line)!important;border-radius:12px!important;background:#191923!important;color:#fff!important;font-size:1.08rem!important;}
.banner{min-height:clamp(285px,34vw,455px)!important;background:#16162d!important;}
.banner::after{background:linear-gradient(90deg,rgba(6,6,12,.9) 0%,rgba(6,6,12,.32) 54%,rgba(6,6,12,.8) 100%)!important;}
.banner-content{text-align:left!important;max-width:1180px!important;padding:0 28px!important;}
.banner-content .eyebrow{margin:0 0 12px!important;color:#c4b5fd!important;font-size:.76rem!important;font-weight:800!important;letter-spacing:.15em!important;}
.banner-content h2{max-width:650px!important;font-size:clamp(2.2rem,5.3vw,4.7rem)!important;font-weight:800!important;line-height:1.02!important;}
.banner-content p{max-width:480px!important;margin:17px 0 0!important;color:#e4e4ed!important;font-size:1.08rem!important;}
main{padding:42px 0 64px!important;}
.section-header{width:min(1200px,100%)!important;margin:auto!important;padding:0 20px 18px!important;}
.section-header h2{font-size:1.5rem!important;font-weight:800!important;}
.video-grid{width:min(1200px,100%)!important;margin:auto!important;grid-template-columns:repeat(auto-fill,minmax(245px,1fr))!important;gap:18px!important;padding:0 20px!important;}
.video-card{border:1px solid var(--im-line)!important;border-radius:16px!important;background:var(--im-panel)!important;box-shadow:0 9px 26px rgba(0,0,0,.2)!important;}
.video-card:hover{border-color:rgba(167,139,250,.8)!important;box-shadow:0 18px 32px rgba(0,0,0,.34)!important;}
.thumb-wrapper,.video-card__media{background:#242435!important;}
.video-info,.video-card__content{padding:13px 14px 15px!important;}
.video-info h3,.video-card__content h3{font-size:1rem!important;font-weight:700!important;color:#fafafa!important;}
.video-info p,.video-card__meta{color:var(--im-muted)!important;}
.btn-load-more{padding:12px 22px!important;border-radius:12px!important;background:linear-gradient(135deg,#7c3aed,#a855f7)!important;font-weight:800!important;}
footer{background:#0d0d13!important;}
.footer-content{padding:28px 0!important;color:#777789!important;}
@media(max-width:650px){
 .header-inner{width:calc(100% - 24px)!important;min-height:64px!important;gap:10px!important;}
 .logo{font-size:1.05rem!important;}
 .search-input,#searchInput{width:min(43vw,230px)!important;height:39px!important;border-radius:10px!important;font-size:.84rem!important;}
 .btn-icon,#adminBtn{width:39px!important;height:39px!important;border-radius:10px!important;}
 .banner{min-height:290px!important;align-items:end!important;}
 .banner::after{background:linear-gradient(0deg,rgba(5,5,11,.95),rgba(5,5,11,.18) 75%)!important;}
 .banner-content{padding:0 18px 32px!important;text-align:left!important;}
 .banner-content h2{font-size:2.15rem!important;}
 .banner-content p{margin-top:9px!important;font-size:.95rem!important;}
 main{padding:28px 0 44px!important;}
 .section-header{padding:0 13px 14px!important;}
 .section-header h2{font-size:1.2rem!important;}
 .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;padding:0 13px!important;}
 .video-card{border-radius:13px!important;}
 .video-info,.video-card__content{padding:9px 10px 11px!important;}
 .video-info h3,.video-card__content h3{font-size:.86rem!important;line-height:1.3!important;}
 .video-info p,.video-card__meta{margin-top:4px!important;font-size:.73rem!important;}
}
@media(max-width:355px){.logo{font-size:.91rem!important}.search-input,#searchInput{width:38vw!important;padding:0 9px!important}.video-grid{grid-template-columns:1fr!important;}}