@tailwind base;@tailwind components;@tailwind utilities;.text-shadow-lg{text-shadow:2px 2px 4px rgba(0,0,0,.5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn 3s ease-in}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{margin:0;padding:0;box-sizing:border-box;font-family:Georgia,serif}body{background-color:#f9f9f9;color:#333}.home-container{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:linear-gradient(135deg,#1a2a44,#2c3e50);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 5px #0000004d}.logo{font-size:28px;font-weight:700;letter-spacing:2px}.nav a{color:#fff;text-decoration:none;margin:0 20px;font-size:18px;transition:color .3s,transform .3s}.nav a:hover{color:gold;transform:scale(1.1)}.hero{height:500px;background:linear-gradient(#0009,#0009),url(https://images.unsplash.com/photo-1534796636912-7678d1f59b02);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;animation:heroFade 3s ease-in}.hero-content h1{font-size:60px;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-content p{font-size:24px;margin-bottom:30px}.hero-btn{padding:12px 30px;font-size:20px;background-color:gold;color:#1a2a44;border:none;border-radius:25px;cursor:pointer;transition:transform .3s,background-color .3s;box-shadow:0 4px 10px #0000004d}.hero-btn:hover{transform:translateY(-5px);background-color:#e6c200}.main-content{flex:3;padding:40px}.featured{margin-bottom:60px}.featured h2{text-align:center;font-size:36px;margin-bottom:40px;color:#1a2a44}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.story-card{background-color:#fff;border-radius:15px;overflow:hidden;transition:transform .4s,box-shadow .4s;position:relative}.story-card:hover{transform:translateY(-15px);box-shadow:0 15px 30px #0003}.story-card img{width:100%;height:250px;object-fit:cover;transition:transform .5s}.story-card:hover img{transform:scale(1.1)}.story-content{padding:25px}.story-content h3{font-size:26px;margin-bottom:15px;color:#1a2a44}.story-content p{font-size:16px;color:#666;margin-bottom:20px;line-height:1.6}.read-more{text-decoration:none;color:gold;font-weight:700;font-size:16px;transition:color .3s}.read-more:hover{color:#e6c200}.recent h2{text-align:center;font-size:36px;margin-bottom:40px;color:#1a2a44}.recent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.sidebar{flex:1;padding:40px 20px;background-color:#f1f1f1;border-left:1px solid #ddd}.sidebar h2{font-size:28px;margin-bottom:30px;color:#1a2a44}.trending-list{list-style:none}.trending-list li{display:flex;align-items:center;margin-bottom:20px;background-color:#fff;padding:15px;border-radius:10px;transition:transform .3s}.trending-list li:hover{transform:translate(10px)}.trending-list img{width:80px;height:80px;object-fit:cover;border-radius:8px;margin-right:15px}.trending-list h4{font-size:18px;color:#1a2a44;margin-bottom:5px}.trending-list p{font-size:14px;color:#666}.footer{background:linear-gradient(135deg,#1a2a44,#2c3e50);color:#fff;text-align:center;padding:30px;margin-top:40px}@keyframes heroFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.home-container{flex-direction:column}.sidebar{border-left:none;border-top:1px solid #ddd}}@media (max-width: 768px){.header{flex-direction:column;padding:15px}.nav{margin-top:15px}.nav a{margin:0 10px;font-size:16px}.hero{height:400px}.hero-content h1{font-size:40px}.hero-content p{font-size:18px}.main-content{padding:20px}.featured-grid,.recent-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hero-content h1{font-size:28px}.hero-content p{font-size:16px}.hero-btn{padding:10px 20px;font-size:16px}.story-content h3{font-size:22px}.featured h2,.recent h2,.sidebar h2{font-size:28px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}