@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--color-bg:#f8f9fc;--color-surface:#fff;--color-surface-hover:#f1f3f9;--color-border:#e2e6ef;--color-border-light:#eef1f6;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-accent:#ef4444;--color-accent-hover:#dc2626;--color-accent-light:#fef2f2;--color-blue:#3b82f6;--color-blue-light:#eff6ff;--color-green:#22c55e;--color-green-light:#f0fdf4;--color-orange:#f97316;--color-orange-light:#fff7ed;--color-purple:#8b5cf6;--color-purple-light:#f5f3ff;--color-pink:#ec4899;--color-pink-light:#fdf2f8;--color-yellow:#eab308;--color-yellow-light:#fefce8;--color-cyan:#06b6d4;--color-cyan-light:#ecfeff;--cat-trending:var(--color-accent);--cat-tech:var(--color-blue);--cat-drama:var(--color-pink);--cat-sports:var(--color-green);--cat-entertainment:var(--color-purple);--cat-world:var(--color-orange);--font-display:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a0f;--shadow-lg:0 12px 32px #0f172a14;--shadow-xl:0 20px 48px #0f172a1f;--shadow-glow:0 0 20px #ef444426,0 10px 40px #0f172a1a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--max-width:1280px;--nav-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.shadow-glow{box-shadow:var(--shadow-glow);transition:box-shadow var(--transition-base),transform var(--transition-base)}.shadow-glow:hover{box-shadow:0 0 30px #ef444440,0 15px 50px #0f172a26}.text-glow{text-shadow:0 2px 10px #0003}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;background:#ffffffb3!important}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-trending{background:var(--color-accent-light);color:var(--color-accent)}.badge-tech{background:var(--color-blue-light);color:var(--color-blue)}.badge-drama{background:var(--color-pink-light);color:var(--color-pink)}.badge-sports{background:var(--color-green-light);color:var(--color-green)}.badge-entertainment{background:var(--color-purple-light);color:var(--color-purple)}.badge-world{background:var(--color-orange-light);color:var(--color-orange)}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-light);height:var(--nav-height);background:#ffffffd9;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar-logo{align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:1.5rem;font-weight:800;display:flex}.navbar-logo .flash{color:var(--color-accent)}.navbar-links{gap:var(--space-xl);align-items:center;display:flex}.navbar-links a{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:.9rem;font-weight:500;position:relative}.navbar-links a:hover,.navbar-links a.active{color:var(--color-text-primary)}.navbar-links a:after{content:"";background:var(--color-accent);width:0;height:2px;transition:width var(--transition-base);border-radius:2px;position:absolute;bottom:-4px;left:0}.navbar-links a:hover:after,.navbar-links a.active:after{width:100%}.navbar-search{align-items:center;gap:var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast);padding:8px 16px;display:flex}.navbar-search:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.navbar-search input{width:180px;color:var(--color-text-primary);background:0 0;border:none;outline:none;font-family:inherit;font-size:.85rem}.navbar-search svg{color:var(--color-text-muted);flex-shrink:0}.navbar-mobile-toggle{color:var(--color-text-primary);font-size:1.5rem;display:none}.ticker{background:linear-gradient(135deg,var(--color-accent),#b91c1c);color:#fff;white-space:nowrap;padding:8px 0;font-size:.85rem;font-weight:500;overflow:hidden}.ticker-inner{align-items:center;display:flex;position:relative;overflow:hidden}.ticker-label{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:1px;z-index:10;margin-right:var(--space-md);background:#ef4444;flex-shrink:0;padding:4px 16px;font-size:.75rem;font-weight:800;animation:2s ease-in-out infinite pulse;position:relative;box-shadow:4px 0 15px #0000001a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.ticker-scroll{gap:var(--space-2xl);animation:30s linear infinite ticker-scroll;display:flex}.ticker-scroll span{flex-shrink:0}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero{border-radius:var(--radius-lg);cursor:pointer;height:480px;transition:transform var(--transition-base);position:relative;overflow:hidden}.hero:hover{transform:scale(1.005)}.hero-image{object-fit:cover;width:100%;height:100%}.hero-overlay{background:linear-gradient(#0000 0%,#0000004d 60%,#000000d9 100%);position:absolute;inset:0}.hero-content{padding:var(--space-2xl);color:#fff;position:absolute;bottom:0;left:0;right:0}.hero-content .badge{margin-bottom:var(--space-md)}.hero-content h1{margin-bottom:var(--space-sm);max-width:700px;font-size:2.25rem;line-height:1.15}.hero-content p{opacity:.85;max-width:600px;font-size:.95rem}.hero-meta{align-items:center;gap:var(--space-md);margin-top:var(--space-md);opacity:.75;font-size:.8rem;display:flex}.article-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.article-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base);cursor:pointer;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.article-card-image{object-fit:cover;width:100%;height:200px}.article-card-body{padding:var(--space-lg)}.article-card-body .badge{margin-bottom:var(--space-sm)}.article-card-body h3{margin-bottom:var(--space-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.05rem;line-height:1.35;display:-webkit-box;overflow:hidden}.article-card-body p{color:var(--color-text-secondary);-webkit-line-clamp:2;margin-bottom:var(--space-md);-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}.article-card-meta{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.article-card-meta .views{align-items:center;gap:4px;display:flex}.section-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.section-header h2{align-items:center;gap:var(--space-sm);font-size:1.5rem;display:flex}.section-header a{color:var(--color-accent);transition:opacity var(--transition-fast);font-size:.85rem;font-weight:500}.section-header a:hover{opacity:.7}.sidebar{top:calc(var(--nav-height) + var(--space-xl));position:sticky}.sidebar-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);padding:var(--space-lg)}.sidebar-card h3{margin-bottom:var(--space-lg);align-items:center;gap:var(--space-sm);font-size:1.1rem;display:flex}.trending-item{gap:var(--space-md);padding:var(--space-md)0;border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:all var(--transition-fast);display:flex}.trending-item:last-child{border-bottom:none;padding-bottom:0}.trending-item:hover{opacity:.8;background:var(--color-surface-hover);border-radius:var(--radius-md);padding-left:var(--space-sm);padding-right:var(--space-sm);margin-left:calc(-1*var(--space-sm));margin-right:calc(-1*var(--space-sm))}.trending-thumb{object-fit:cover;border-radius:var(--radius-sm);width:64px;height:64px;box-shadow:var(--shadow-sm);flex-shrink:0}.trending-rank{font-family:var(--font-display);color:var(--color-accent);align-items:center;min-width:20px;font-size:1.25rem;font-weight:800;line-height:1;display:flex}.trending-info h4{margin-bottom:4px;font-size:.85rem;font-weight:600;line-height:1.35}.trending-info span{color:var(--color-text-muted);font-size:.7rem}.ad-banner{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;color:var(--color-text-muted);background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-size:.8rem}.newsletter{border-radius:var(--radius-lg);padding:var(--space-2xl)var(--space-xl);text-align:center;color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0f172a,#1e293b);position:relative;overflow:hidden}.newsletter:before{content:"";z-index:0;background:radial-gradient(circle,#ef44441a 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.newsletter.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff1a;background:#0f172ae6!important}.newsletter>*{z-index:1;position:relative}.newsletter h3{margin-bottom:var(--space-sm);font-size:1.75rem;font-family:var(--font-display);letter-spacing:-.5px;font-weight:800}.newsletter p{opacity:.8;margin-bottom:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto;font-size:1rem}.newsletter-form{gap:var(--space-sm);border-radius:var(--radius-full);background:#ffffff0d;border:1px solid #ffffff1a;max-width:480px;margin:0 auto;padding:6px;display:flex}.newsletter-form .form-input{flex:1;padding:12px 20px;color:#fff!important;box-shadow:none!important;background:0 0!important;border:none!important}.newsletter-form .form-input::placeholder{color:#fff6}.newsletter-form .btn-primary{border-radius:var(--radius-full);padding:10px 24px;font-weight:700;box-shadow:0 4px 12px #ef44444d}.newsletter-form button:hover{background:#ffffff4d}.footer{background:var(--color-text-primary);color:var(--color-text-inverse);padding:var(--space-3xl)0 var(--space-xl);margin-top:var(--space-3xl)}.footer-grid{gap:var(--space-2xl);margin-bottom:var(--space-2xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand h3{margin-bottom:var(--space-sm);font-size:1.25rem}.footer-brand h3 .flash{color:var(--color-accent)}.footer-brand p{opacity:.6;font-size:.85rem;line-height:1.6}.footer-col h4{text-transform:uppercase;letter-spacing:1px;opacity:.5;margin-bottom:var(--space-md);font-size:.85rem}.footer-col a{opacity:.75;margin-bottom:var(--space-sm);transition:opacity var(--transition-fast);font-size:.9rem;display:block}.footer-col a:hover{opacity:1}.footer-bottom{padding-top:var(--space-lg);text-align:center;opacity:.5;border-top:1px solid #ffffff1a;font-size:.8rem}.article-page{gap:var(--space-2xl);padding-top:var(--space-xl);grid-template-columns:1fr 340px;display:grid}.breadcrumb{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg);font-size:.8rem;display:flex}.breadcrumb a{color:var(--color-text-secondary);transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb .separator{font-size:.7rem}.article-header{margin-bottom:var(--space-xl)}.article-header .badge{margin-bottom:var(--space-md)}.article-header h1{margin-bottom:var(--space-md);font-size:2rem;line-height:1.25}.article-header-meta{align-items:center;gap:var(--space-lg);color:var(--color-text-secondary);font-size:.85rem;display:flex}.article-hero-image{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:480px;margin-bottom:var(--space-xl);background:var(--color-surface-hover);font-family:var(--font-display);color:var(--color-text-muted);box-shadow:var(--shadow-lg);transition:transform var(--transition-slow);justify-content:center;align-items:center;font-weight:500;display:flex!important}.article-hero-image:hover{transform:scale(1.01)}.article-content{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.8}.article-content h2{color:var(--color-text-primary);margin:var(--space-xl)0 var(--space-md);font-size:1.4rem}.article-content h3{color:var(--color-text-primary);margin:var(--space-lg)0 var(--space-sm);font-size:1.25rem;font-weight:700}.article-content h4{color:var(--color-text-primary);margin:var(--space-lg)0 var(--space-xs);font-size:1.1rem;font-weight:600}.article-content h5,.article-content h6{color:var(--color-text-primary);margin:var(--space-md)0 var(--space-xs);font-size:1rem;font-weight:600}.article-content p{margin-bottom:var(--space-lg)}.article-content ul,.article-content ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.article-content li{margin-bottom:8px;padding-left:4px;list-style:outside}.article-content blockquote{border-left:4px solid var(--color-accent);padding:var(--space-lg);background:var(--color-surface-hover);border-radius:0 var(--radius-md)var(--radius-md)0;margin-bottom:var(--space-lg);color:var(--color-text-secondary);font-size:1.05rem;font-style:italic}.article-content pre{color:#e2e8f0;padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);background:#1e293b;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;overflow-x:auto}.article-content code{background:var(--color-surface-hover);color:var(--color-accent);border-radius:4px;padding:2px 6px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85em}.article-content pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.article-tags{gap:var(--space-sm);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border-light);flex-wrap:wrap;display:flex}.tag{background:var(--color-bg);border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast);padding:6px 14px;font-size:.8rem}.tag:hover{background:var(--color-accent-light);color:var(--color-accent)}.share-buttons{gap:var(--space-sm);z-index:50;flex-direction:column;display:flex;position:fixed;top:50%;left:12px;transform:translateY(-50%)}.share-btn{border-radius:var(--radius-md);color:#fff;width:44px;height:44px;transition:all var(--transition-fast);box-shadow:var(--shadow-md);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.share-btn:hover{transform:scale(1.1)}.share-btn.twitter{background:#1da1f2}.share-btn.facebook{background:#1877f2}.share-btn.whatsapp{background:#25d366}.share-btn.copy{background:var(--color-text-primary)}.main-grid{gap:var(--space-2xl);padding:var(--space-xl)0;grid-template-columns:1fr 320px;display:grid}.category-hero{padding:var(--space-2xl)0;text-align:center}.category-hero h1{margin-bottom:var(--space-sm);font-size:2.5rem}.category-hero p{color:var(--color-text-secondary)}.skeleton{background:linear-gradient(90deg,var(--color-border-light)25%,#f8f9fb 50%,var(--color-border-light)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{background:var(--color-text-primary);width:260px;color:var(--color-text-inverse);padding:var(--space-lg);z-index:200;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin-sidebar-brand{align-items:center;gap:var(--space-sm);font-family:var(--font-display);padding:var(--space-md)0;margin-bottom:var(--space-xl);border-bottom:1px solid #ffffff1a;font-size:1.25rem;font-weight:800;display:flex}.admin-sidebar-brand .flash{color:var(--color-accent)}.admin-nav-item{align-items:center;gap:var(--space-md);border-radius:var(--radius-md);color:#ffffffa6;transition:all var(--transition-fast);margin-bottom:4px;padding:10px 14px;font-size:.9rem;display:flex}.admin-nav-item:hover,.admin-nav-item.active{color:#fff;background:#ffffff1a}.admin-nav-item.active{background:var(--color-accent)}.admin-main{padding:var(--space-xl)var(--space-2xl);background:var(--color-bg);flex:1;min-height:100vh;margin-left:260px}.admin-header{margin-bottom:var(--space-2xl);justify-content:space-between;align-items:center;display:flex}.admin-header h1{font-size:1.75rem}.stats-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-icon{border-radius:var(--radius-md);width:44px;height:44px;margin-bottom:var(--space-md);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.stat-card-value{font-family:var(--font-display);font-size:1.75rem;font-weight:800}.stat-card-label{color:var(--color-text-muted);margin-top:2px;font-size:.8rem}.stat-card-change{margin-top:var(--space-sm);font-size:.75rem;font-weight:600}.stat-card-change.up{color:var(--color-green)}.stat-card-change.down{color:var(--color-accent)}.admin-table-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);overflow:hidden}.admin-table-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.admin-table-header h3{font-size:1.1rem}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;padding:var(--space-md)var(--space-lg);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);font-size:.75rem}.admin-table td{padding:var(--space-md)var(--space-lg);border-bottom:1px solid var(--color-border-light);font-size:.9rem}.admin-table tr:hover td{background:var(--color-surface-hover)}.status-badge{border-radius:var(--radius-full);padding:4px 10px;font-size:.7rem;font-weight:600}.status-published{background:var(--color-green-light);color:var(--color-green)}.status-draft{background:var(--color-yellow-light);color:var(--color-yellow)}.status-scheduled{background:var(--color-blue-light);color:var(--color-blue)}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:10px 20px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-text-muted)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-surface-hover)}.form-group{margin-bottom:var(--space-lg)}.form-label{color:var(--color-text-primary);margin-bottom:var(--space-sm);font-size:.85rem;font-weight:600;display:block}.form-input,.form-textarea,.form-select{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);background:var(--color-surface);transition:all var(--transition-fast);padding:10px 14px;font-family:inherit;font-size:.9rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.form-textarea{resize:vertical;min-height:120px}.toggle{background:var(--color-border);border-radius:var(--radius-full);cursor:pointer;width:48px;height:26px;transition:background var(--transition-fast);position:relative}.toggle.active{background:var(--color-green)}.toggle:after{content:"";width:20px;height:20px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle.active:after{transform:translate(22px)}.login-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light)}.login-card h1{text-align:center;margin-bottom:var(--space-sm)}.login-card .subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-2xl);font-size:.9rem}.login-card .btn{justify-content:center;width:100%;padding:12px}@media (max-width:1024px){.main-grid,.article-page{grid-template-columns:1fr}.article-grid,.stats-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.share-buttons{margin-bottom:var(--space-xl);flex-direction:row;justify-content:center;position:static;transform:none}}@media (max-width:768px){.navbar-links{display:none}.navbar-mobile-toggle{display:block}.hero{height:320px}.hero-content h1{font-size:1.5rem}.article-grid,.stats-grid,.footer-grid{grid-template-columns:1fr}.admin-sidebar{transition:transform var(--transition-base);transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{padding:var(--space-md);margin-left:0}.hero-content{padding:var(--space-lg)}.newsletter-form{flex-direction:column}}@media (max-width:480px){.container{padding:0 var(--space-md)}.hero{border-radius:var(--radius-md);height:260px}.hero-content h1{font-size:1.25rem}}