body{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="none"/><circle cx="50" cy="50" r="1" fill="%234A2B4F" opacity="0.1"/></svg>')}header{background:linear-gradient(135deg,var(--primary),#5A3D5F);padding:3rem 1rem;text-align:center;box-shadow:0 4px 20px var(--shadow);margin-bottom:2rem;position:relative;overflow:hidden}header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="none"/><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></svg>') repeat;animation:twinkle 4s infinite}h1{color:var(--light-text);font-size:2.8rem;margin:0;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.2);position:relative}main{padding:2rem;max-width:1200px;margin:0 auto;width:100%;flex:1;box-sizing:border-box;position:relative}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:1rem;box-sizing:border-box;width:100%}.story-card{background-color:var(--card-bg);border-radius:20px;padding:1.5rem;transition:all .3s ease;box-shadow:0 8px 30px var(--shadow);position:relative;overflow:hidden;display:flex;align-items:center;gap:1.5rem;text-decoration:none;color:var(--text);box-sizing:border-box;width:100%;border:1px solid rgba(74,43,79,.1)}.story-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent))}.story-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px var(--magic-glow)}.story-card-image{width:100px;height:100px;border-radius:15px;object-fit:cover;box-shadow:0 4px 15px var(--shadow);border:3px solid var(--primary);flex-shrink:0;transition:transform .3s ease}.story-card:hover .story-card-image{transform:scale(1.05) rotate(5deg)}.story-card h2{margin:0;font-size:1.5rem;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.3;max-height:3.9rem}.story-card:hover h2{color:var(--primary)}footer{background:linear-gradient(135deg,var(--primary),#5A3D5F);text-align:center;padding:2rem;color:var(--light-text);margin-top:auto;box-shadow:0 -4px 20px var(--shadow);position:relative;overflow:hidden}footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="none"/><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></svg>') repeat;animation:twinkle 4s infinite}@keyframes twinkle{0%,to{opacity:.1}50%{opacity:.3}}footer p{margin:0;font-size:1rem}.subtitle{font-size:1.2em;color:#fffc;margin-top:10px;font-style:italic;text-align:center;position:relative}.site-footer{background:linear-gradient(135deg,var(--primary),#5A3D5F);color:var(--light-text);padding:3rem 1rem;margin-top:4rem;position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="none"/><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></svg>') repeat;animation:twinkle 4s infinite}.footer-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.about-section{margin-bottom:1rem}.about-section h2{font-size:1.2rem;margin-bottom:.75rem;text-align:center;color:var(--light-text);opacity:.9}.creator-info{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;margin:0 auto}.creator-details{text-align:center}.creator-details h3{font-size:1rem;margin-bottom:.2rem;color:var(--light-text);opacity:.95}.creator-title{font-style:italic;margin-bottom:.4rem;opacity:.8;font-size:.85rem}.creator-bio{margin-bottom:.6rem;line-height:1.3;font-size:.85rem;opacity:.85}.creator-links{display:flex;gap:.75rem;justify-content:center;margin-top:.4rem}.creator-links a{color:var(--light-text);text-decoration:none;transition:color .3s ease;opacity:.8;font-size:.85rem}.creator-links a:hover{color:gold;opacity:1}@media (max-width: 768px){.stories-grid{grid-template-columns:1fr;padding:.5rem}h1{font-size:2.2rem}main{padding:1rem}.story-card{padding:1.25rem}.story-card-image{width:80px;height:80px}.story-card h2{font-size:1.3rem}.creator-info{margin:0 1rem}.creator-details h3{font-size:.95rem}.creator-title,.creator-bio,.creator-links a{font-size:.8rem}}