body {font-family: 'Open Sans', sans-serif; background: #0b0b0e; color: #f1f1f1; margin: 0; line-height: 1.6;}
header {text-align: center; padding: 30px 15px; background: #111;}
header h1 {font-family: 'Playfair Display', serif; font-size: 2.4em; margin: 0;}
header h2 {font-weight: 400; color: #aaa; margin-top: 4px;}
nav a {margin: 0 10px; color: #ccc; text-decoration: none; font-weight: 600;}
.hero {padding: 50px 20px; text-align: center; background: linear-gradient(180deg,#111,#1a1a1a);}
.hero h1 {font-size: 1.8em;}
.hero .btn {display: inline-block; margin: 10px; padding: 10px 18px; border-radius: 6px; background: #6c5ce7; color: #fff; text-decoration: none; font-weight: 700;}
.hero .btn.ghost {background: transparent; border: 1px solid #6c5ce7; color: #6c5ce7;}
section {padding: 40px 20px; max-width: 800px; margin: auto;}
section h2 {font-family: 'Playfair Display', serif; font-size: 1.6em; border-bottom: 1px solid #333; padding-bottom: 8px;}
ul {list-style: disc; padding-left: 25px;}
blockquote {border-left: 3px solid #6c5ce7; padding-left: 12px; margin: 15px 0; color: #ccc;}
footer {text-align: center; padding: 20px; font-size: 0.9em; color: #aaa; border-top: 1px solid #222;}