:root{--primary:#1a3a8f;--primary-light:#2e5cd4;--primary-dark:#0f2460;--secondary:#c0392b;--secondary-light:#e74c3c;--accent-gold:#f39c12;--accent-green:#27ae60;--bg-light:#f8f9fa;--bg-warm:#fdf6e3;--text-dark:#1a1a2e;--text-muted:#6c757d;--white:#fff;--container-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-light);max-width:100vw;color:var(--text-dark);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--primary-dark);font-family:Playfair Display,serif;font-weight:700;line-height:1.2}.canon-text{color:var(--primary);text-align:center;background:var(--bg-warm);border-left:4px solid var(--accent-gold);border-right:4px solid var(--accent-gold);border-radius:8px;max-width:800px;margin:2rem auto;padding:2rem;font-family:Cormorant Garamond,serif;font-size:2.2rem;font-style:italic;font-weight:600;box-shadow:0 4px 12px #0000000d}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 2rem}.section-padding{padding:5rem 0}.text-center{text-align:center}.btn{text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:50px;padding:.8rem 2rem;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--primary);color:var(--white);box-shadow:0 4px 15px #1a3a8f4d}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 20px #1a3a8f66}.btn-secondary{background-color:var(--secondary);color:var(--white);box-shadow:0 4px 15px #c0392b4d}.btn-secondary:hover{background-color:var(--secondary-light);transform:translateY(-2px);box-shadow:0 6px 20px #c0392b66}.btn-outline{color:var(--white);border:2px solid var(--white);background-color:#0000}.btn-outline:hover{background-color:var(--white);color:var(--primary-dark)}.page-header{background-color:var(--primary-dark);height:40vh;min-height:300px;color:var(--white);text-align:center;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.page-header:after{content:"";background:linear-gradient(135deg,#1a3a8fcc 0%,#0f2460e6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.page-header-content{z-index:1;position:relative}.page-header h1{color:var(--white);margin-bottom:1rem;font-size:3.5rem}.page-header p{opacity:.9;font-size:1.2rem;font-weight:300}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:1s forwards fadeIn}.animate-slide-up{animation:1s forwards slideUp}