:root{--bg-color:#0d0914;--text-color:#e5d9f2;--accent-color:#9b2c45;--accent-hover:#b83654;--gold:#d4af37;--font-heading:'Cinzel', serif;--font-body:'Lora', serif}body,html{margin:0;padding:0;font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;scroll-behavior:smooth}h1,h2,h3{font-family:var(--font-heading);font-weight:700}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(rgba(13,9,20,.7),rgba(13,9,20,.9)),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect fill="%231a1128" width="100" height="100"/><circle cx="50" cy="50" r="40" fill="none" stroke="%232a1b40" stroke-width="2"/></svg>')50%/cover;padding:0 20px}.hero-content{max-width:800px}.author{color:var(--gold);font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.title{font-size:4rem;color:#fff;margin:0 0 20px;text-shadow:0 4px 15px rgba(0,0,0,.5)}.hook{font-size:1.5rem;font-style:italic;margin-bottom:40px;color:#d1c4e9}.btn-primary,.btn-secondary{display:inline-block;padding:15px 35px;background-color:var(--accent-color);color:#fff;text-decoration:none;font-family:var(--font-heading);font-size:1.1rem;border-radius:4px;transition:background .3s;border:1px solid var(--accent-color);cursor:pointer}.btn-primary:hover,.btn-secondary:hover{background-color:var(--accent-hover)}.tropes{padding:80px 20px;text-align:center;background-color:#150f21}.tropes h2{color:var(--gold);font-size:2.5rem;margin-bottom:50px}.trope-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;max-width:1e3px;margin:0 auto}.trope-card{background:rgba(255,255,255,3%);border:1px solid rgba(212,175,55,.2);padding:30px;border-radius:8px;width:200px;display:flex;flex-direction:column;align-items:center;transition:transform .3s}.trope-card:hover{transform:translateY(-5px);border-color:var(--gold)}.trope-card .icon{font-size:2.5rem;margin-bottom:15px}.trope-card .name{font-family:var(--font-heading);font-size:1.1rem}.excerpt-section{padding:100px 20px;background-color:var(--bg-color)}.excerpt-container{max-width:800px;margin:0 auto}.excerpt-container h2{color:var(--gold);font-size:2.5rem;text-align:center;margin-bottom:40px}.excerpt-content{font-size:1.2rem;line-height:1.8;background:rgba(0,0,0,.3);padding:40px;border-left:4px solid var(--accent-color);border-radius:4px}.excerpt-content p{margin-bottom:20px}.newsletter{padding:80px 20px;text-align:center;background:linear-gradient(to top,#000,#150f21)}.newsletter h2{color:var(--gold);font-size:2.5rem;margin-bottom:15px}.newsletter p{font-size:1.2rem;margin-bottom:30px}.signup-form{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.signup-form input{padding:15px 20px;font-size:1.1rem;width:300px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,5%);color:#fff;border-radius:4px;font-family:var(--font-body)}.signup-form input:focus{outline:none;border-color:var(--gold)}footer{text-align:center;padding:30px;background:#000;color:rgba(255,255,255,.5);font-size:.9rem}@media(max-width:768px){.title{font-size:2.5rem}.hook{font-size:1.2rem}.trope-card{width:100%;max-width:250px}.signup-form input{width:100%;max-width:300px}}