

/* CSS from section stylesheet tags */
.codex-hero-section{background-color:#301934;color:#ffffff;padding:6rem 2rem;min-height:90vh;display:flex;align-items:center;justify-content:center;font-family:'Quicksand', sans-serif}.codex-hero-section .two-column-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;width:100%}.codex-hero-section .column{display:flex;flex-direction:column}.codex-hero-section .column:last-child{align-items:center}.codex-hero-section h1{font-size:2.6rem;font-weight:700;color:#F3C878;margin:0}.codex-hero-section h2{font-size:3rem;font-weight:700;color:#F3C878;line-height:1.2;margin:0.5rem 0 1rem 0}.codex-hero-section .column div p{font-size:1.40rem;font-family:Quicksand, sans-serif;color:#A9A9B2;line-height:1.6;max-width:450px;font-weight:400}.codex-hero-section .btn{display:inline-block;background-color:#F3C878;color:#1a1a2e;padding:1rem 2rem;border:none;border-radius:30px;font-weight:900;text-decoration:none;cursor:pointer;margin-top:1.5rem;transition:transform 0.2s ease;text-align:center;max-width:300px;text-transform:uppercase;letter-spacing:0.5px}.codex-hero-section .btn:hover{transform:scale(1.05)}.codex-hero-section .book-cover{border-radius:8px;max-width:350px;width:100%;height:auto;box-shadow:0 0 60px 20px rgba(229,184,103,0.4)}@media (max-width: 768px){.codex-hero-section{padding:4rem 1rem;text-align:center}.codex-hero-section .two-column-layout{grid-template-columns:1fr;gap:3rem}.codex-hero-section h1,.codex-hero-section h2,.codex-hero-section .column div p{text-align:center;max-width:100%}.codex-hero-section .column{align-items:center}.codex-hero-section .column:first-child{order:2}.codex-hero-section .column:last-child{order:1}}