body{margin:0;padding:0;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{display:flex;align-items:center;justify-content:space-around;background-color:#37474f;padding:10px}nav input{width:250px;text-decoration:none;padding:9px;font-size:18px;border:none}.searchBar{display:flex;align-items:center;gap:11px}nav button{width:70px;height:38px;background-color:#090909;border:none;border-radius:2px;color:#fff;font-size:16px;cursor:pointer}nav ul{display:flex;gap:11px}@keyframes scrollButtons{0%{transform:translate(0)}to{transform:translate(-100%)}}.categoryBtn{width:100%;overflow:hidden;position:relative;padding:1rem 0;background:#f5f6fa}.buttonWrapper{display:flex;gap:1rem;animation:scroll 20s linear infinite;width:max-content}.buttonWrapper:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.category-button{padding:.6rem 1.2rem;color:#fff;border:none;border-radius:25px;cursor:pointer;white-space:nowrap;font-weight:700;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;min-width:140px;text-align:center;display:flex;justify-content:center;align-items:center;height:40px;font-size:.9rem;letter-spacing:.5px;background:linear-gradient(45deg,var(--primary-color) 0%,var(--secondary-color) 100%);text-shadow:1px 1px 2px rgba(0,0,0,.2)}.category-button:hover{transform:scale(1.05);box-shadow:0 6px 8px #0003;background:linear-gradient(45deg,var(--secondary-color) 0%,var(--primary-color) 100%);text-shadow:1px 1px 2px rgba(0,0,0,.3)}.category-button.active{transform:scale(1.08);box-shadow:0 6px 12px #00000040;border:2px solid rgba(255,255,255,.5)}.sports-button{--primary-color: #ff6b35;--secondary-color: #ff3d00}.politics-button{--primary-color: #9c27b0;--secondary-color: #6a1b9a}.entertainment-button{--primary-color: #00bcd4;--secondary-color: #00838f}.health-button{--primary-color: #ff5252;--secondary-color: #d50000}.fitness-button{--primary-color: #ffd600;--secondary-color: #ffab00}.technology-button{--primary-color: #2196f3;--secondary-color: #1565c0}.business-button{--primary-color: #4caf50;--secondary-color: #2e7d32}.science-button{--primary-color: #455a64;--secondary-color: #263238}.world-button{--primary-color: #00acc1;--secondary-color: #00838f}.india-button{--primary-color: #ff5722;--secondary-color: #e64a19}.categoryBtn::-webkit-scrollbar{display:none}.categoryBtn{-ms-overflow-style:none;scrollbar-width:none}.dark-mode .categoryBtn{background:linear-gradient(-45deg,#2c2c2c,#1a1a1a);background-size:400% 400%;animation:gradientBG 15s ease infinite;box-shadow:0 2px 4px #0000004d}.head{text-align:center;font-weight:600;font-size:26px}.footer{position:fixed;bottom:0;left:0;right:0;padding:1rem;text-align:center;background-color:#2c3e50;color:#fff;z-index:1000}.footer p{margin:0;color:#fff}.search-button{padding:.6rem 1.2rem;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease;min-width:100px;text-align:center;display:flex;justify-content:center;align-items:center;height:40px;font-size:.9rem;background:linear-gradient(45deg,#3498db,#2980b9);box-shadow:0 2px 4px #0003}.search-button:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000004d;background:linear-gradient(45deg,#2980b9,#3498db)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#2c3e50;box-shadow:0 2px 4px #0003;position:sticky;top:0;z-index:100;width:100%;box-sizing:border-box}.navbar-title{font-size:28px;color:#ecf0f1;margin:0;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.navbar-right{display:flex;align-items:center;gap:1rem}.search-container{display:flex;gap:1rem}.search-input{padding:.6rem 1rem;border-radius:6px;border:2px solid #3498db;width:300px;font-size:1rem;outline:none;transition:all .3s ease;background-color:#ecf0f1;box-shadow:0 2px 4px #0000001a}.search-input:focus{border-color:#2980b9;box-shadow:0 0 0 3px #3498db33}.theme-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.theme-toggle:hover{background-color:#ffffff1a;transform:scale(1.1)}.news-container{padding:2rem;min-height:calc(100vh - 200px)}.cardContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(1.5rem,3vw,2.75rem);padding:clamp(1.5rem,5vw,3rem);background:radial-gradient(circle at top left,rgba(59,130,246,.08),transparent 55%),radial-gradient(circle at bottom right,rgba(16,185,129,.08),transparent 45%),#f8fafc}.card{position:relative;display:flex;flex-direction:column;gap:1.1rem;padding:clamp(1.1rem,2.5vw,1.8rem);border-radius:22px;background:linear-gradient(155deg,#ffffffed,#ecf2faf5);border:1px solid rgba(148,163,184,.16);box-shadow:0 24px 38px -26px #0f172a6b;transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease,border-color .3s ease}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#3b82f659,#10b9814d);opacity:0;transition:opacity .4s ease;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card:hover{transform:translateY(-12px) scale(1.01);box-shadow:0 28px 45px -24px #0f172a73;border-color:#3b82f638}.card:hover:after{opacity:1}.card-image{width:100%;height:clamp(160px,22vw,200px);object-fit:cover;border-radius:18px;box-shadow:0 16px 28px -22px #0f172a73;transition:transform .35s ease}.card:hover .card-image{transform:scale(1.03)}.card-content{display:flex;flex-direction:column;gap:.85rem;flex:1}.card-title{font-size:clamp(1.15rem,1.5vw,1.35rem);font-weight:700;color:#1f2937;line-height:1.3}.card-description{font-size:.92rem;line-height:1.55;color:#4b5563;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;justify-content:flex-end}.read-more-button{padding:.55rem 1.25rem;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;border:none;font-weight:600;letter-spacing:.4px;box-shadow:0 12px 25px -12px #3b82f68c;transition:transform .3s ease,box-shadow .3s ease}.read-more-button:hover{transform:translateY(-3px);box-shadow:0 16px 30px -14px #10b9818c}.no-results{text-align:center;padding:2rem;font-size:1.2rem;color:#666}body.dark-mode{background:linear-gradient(-45deg,#1a1a1a,#2c2c2c,#1a1a1a,#2c2c2c);background-size:400% 400%;animation:gradientBG 15s ease infinite;color:#fff}.dark-mode .cardContainer{background:radial-gradient(circle at top left,rgba(56,189,248,.1),transparent 45%),radial-gradient(circle at bottom right,rgba(34,197,94,.1),transparent 40%),#0f172a}.dark-mode .card{background:linear-gradient(155deg,#1e293bf2,#0f172afa);border-color:#3b82f638;box-shadow:0 24px 40px -26px #0f172ab3}.dark-mode .card:after{background:linear-gradient(135deg,#22c55e59,#3b82f659)}.dark-mode .card-title{color:#e2e8f0}.dark-mode .card-description{color:#cbd5f5}.dark-mode .read-more-button{box-shadow:0 14px 30px -16px #22c55e99}.dark-mode .no-results{color:#e2e8f0}.dark-mode .footer{background-color:#0f172a;color:#fff}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}