@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{width:100%;overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);width:100%;display:flex;flex-direction:column}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;line-height:1.6;color:#1e293b;margin:0;padding:0;width:100%;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}.hero-section{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:4rem 2rem;margin:-2rem -2rem 3rem;border-radius:0 0 20px 20px;text-align:center}.hero-content h1{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero-description{font-size:1.2rem;margin-bottom:2rem;opacity:.95;max-width:800px;margin-left:auto;margin-right:auto}.hero-keywords{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:2rem}.keyword-tag{background:rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.main-content h2{font-size:2rem;font-weight:600;margin-bottom:2rem;color:#1e293b;text-align:center}.seo-content{margin-top:4rem;padding-top:3rem;border-top:2px solid #e2e8f0}.seo-content h2{font-size:2rem;font-weight:600;margin-bottom:2rem;color:#1e293b;text-align:center}.content-card{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}.content-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a}.content-card h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:#3b82f6}.header{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.8);position:sticky;top:0;z-index:50}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{text-decoration:none;color:#64748b;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:#3b82f6}.nav-links a.active{color:#3b82f6;font-weight:600}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem;width:100%;justify-items:center}.news-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;border:1px solid rgba(226,232,240,.5);width:100%;max-width:400px}.news-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.news-image-container{position:relative;width:100%;height:200px;overflow:hidden}.news-image{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transition:opacity .3s ease}.news-category-badge{position:absolute;top:.75rem;left:.75rem;background:rgba(0,0,0,.8);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.news-time-badge{position:absolute;top:.75rem;right:.75rem;background:rgba(0,0,0,.8);color:#fff;padding:.25rem .5rem;border-radius:20px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.news-content{padding:1.5rem}.news-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.75rem;line-height:1.4}.news-summary{color:#64748b;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.news-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.8rem;color:#94a3b8}.news-actions{display:flex;gap:1rem;align-items:center}.action-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:#f8fafc;color:#64748b}.action-button:hover{background:#e2e8f0;transform:translateY(-1px)}.action-button.liked{background:#fef2f2;color:#dc2626}.action-button.shared{background:#f0f9ff;color:#2563eb}.action-button svg{width:16px;height:16px}.read-more{color:#3b82f6;text-decoration:none;font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;gap:.25rem;transition:color .2s ease}.read-more:hover{color:#1d4ed8}.expandable-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.expandable-content.expanded{max-height:500px}.expandable-content-inner{padding:1rem 0;border-top:1px solid #e2e8f0;margin-top:1rem}.expand-button{background:none;border:none;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.25rem;margin-top:.5rem;transition:color .2s ease}.expand-button:hover{color:#1d4ed8}.expand-button svg{width:14px;height:14px;transition:transform .2s ease}.expand-button.expanded svg{transform:rotate(180deg)}.footer{background:#1e293b;color:#94a3b8;padding:2rem 0;margin-top:4rem}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}@media (max-width: 768px){.container{padding:0 1rem}.header-content{padding:1rem;flex-direction:column;gap:1rem}.nav-links{gap:1rem}.news-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.news-card{max-width:100%}.news-content{padding:1rem}.news-actions{flex-wrap:wrap;gap:.5rem}.action-button{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 480px){.container{padding:0 .5rem}.news-grid{grid-template-columns:1fr;gap:1rem;padding:0 .5rem}.news-card{border-radius:12px;max-width:100%}.news-image{height:180px}.news-title{font-size:1.1rem}.news-summary{font-size:.85rem}}.loading{display:flex;justify-content:center;align-items:center;height:200px}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.p-4{padding:1rem}.hero-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:4rem 2rem;text-align:center;margin-bottom:3rem;border-radius:12px}.hero-content h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-description{font-size:1.2rem;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-keywords{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.keyword-tag{background:rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.main-content{margin-bottom:3rem}.main-content h2{font-size:2rem;color:#1e293b;margin-bottom:2rem;text-align:center}.seo-content{background:#f8fafc;padding:3rem 2rem;border-radius:12px;margin-top:3rem}.seo-content h2{font-size:2rem;color:#1e293b;margin-bottom:2rem;text-align:center}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.content-card{background:white;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.content-card h3{font-size:1.5rem;color:#3b82f6;margin-bottom:1rem}.content-card p{color:#64748b;line-height:1.6}