:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--accent: #2563eb;--accent-hover: #1d4ed8;--border: rgba(226, 232, 240, .8);--shadow: rgba(0, 0, 0, .1);--glow: rgba(37, 99, 235, .2)}[data-theme=dark]{--bg-primary: #0a0e27;--bg-secondary: #141b3d;--bg-card: rgba(20, 27, 61, .6);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--accent: #3b82f6;--accent-hover: #60a5fa;--border: rgba(59, 130, 246, .2);--shadow: rgba(0, 0, 0, .5);--glow: rgba(59, 130, 246, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-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;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1400px;margin:0 auto;padding:0 24px;width:100%}.news-grid{display:grid;gap:12px;grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense;grid-template-columns:1fr}.news-grid-item{transition:all .3s cubic-bezier(.4,0,.2,1);min-height:0}.article-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000d}.article-card:hover{box-shadow:0 20px 60px #00000026,0 0 0 1px var(--accent),0 0 30px var(--glow);border-color:var(--accent)}.article-link:hover{color:var(--accent)!important}.article-image-container{background:var(--bg-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes ripple{to{transform:translate(-50%,-50%) scale(20);opacity:0}}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(to right,var(--bg-secondary) 0%,var(--bg-card) 50%,var(--bg-secondary) 100%);background-size:1000px 100%;border-radius:16px}html{scroll-behavior:smooth}@media (max-width: 479px){.container{padding:0 12px}.news-grid{gap:10px;grid-auto-rows:minmax(200px,auto)}.article-card{border-radius:12px}}@media (min-width: 480px) and (max-width: 639px){.container{padding:0 16px}.news-grid{gap:12px;grid-auto-rows:minmax(220px,auto)}}@media (min-width: 640px){.news-grid{grid-template-columns:repeat(2,1fr);gap:14px;grid-auto-rows:minmax(200px,auto)}}@media (min-width: 1024px){.news-grid{grid-template-columns:repeat(3,1fr);gap:20px;grid-auto-rows:450px}.container{padding:0 32px}}@media (min-width: 1400px){.news-grid{grid-template-columns:repeat(3,1fr);gap:24px;grid-auto-rows:500px}}@media (hover: none) and (pointer: coarse){.article-card:hover{transform:none}.article-card{min-height:60px}.article-link{padding:4px;margin:-4px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.article-card,.article-image,.news-grid-item{transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased}[data-theme=dark] .article-card{box-shadow:0 4px 20px #0000004d}[data-theme=dark] .article-card:hover{box-shadow:0 20px 60px #00000080,0 0 0 1px var(--accent),0 0 40px var(--glow)}