:root{--color-sacred-dark: #12100E;--color-stone-light: #EBE5CE;--color-stone-medium: #D4CDB7;--color-gold-muted: #C5A059;--color-gold-bright: #E5C175;--color-liturgy-violet: #4B2E4D;--color-liturgy-red: #8A2525;--color-liturgy-green: #3A5F40;--color-liturgy-white: #F0F0F0;--font-display: "Cinzel", serif;--font-body: "EB Garamond", serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--texture-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");--shadow-deep: 0 10px 30px rgba(0,0,0,.5);--glow-gold: 0 0 20px rgba(197, 160, 89, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-sacred-dark);color:var(--color-stone-light);min-height:100vh;line-height:1.6;font-size:18px;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--texture-noise);pointer-events:none;z-index:1000;opacity:.4}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;letter-spacing:.05em;color:var(--color-stone-light);text-transform:uppercase;margin-bottom:var(--space-sm)}h1{font-size:2.5rem;text-align:center;margin-bottom:var(--space-lg);color:var(--color-gold-muted);text-shadow:0 2px 4px rgba(0,0,0,.5)}button{font-family:var(--font-display);background:transparent;border:1px solid var(--color-gold-muted);color:var(--color-gold-muted);padding:var(--space-sm) var(--space-md);font-size:1rem;cursor:pointer;transition:all .5s ease;text-transform:uppercase;letter-spacing:.1em}button:hover{background:#c5a0591a;box-shadow:var(--glow-gold);border-color:var(--color-gold-bright);color:var(--color-gold-bright)}.container{max-width:800px;margin:0 auto;padding:var(--space-md)}.fade-in{animation:fadeIn 2s ease-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.gold{color:var(--color-gold-muted)}.stone{color:var(--color-stone-medium)}.italic{font-style:italic}.sacred-border{border:1px solid var(--color-gold-muted);padding:var(--space-md);position:relative}.sacred-border:after{content:"☩";position:absolute;bottom:-.7rem;left:50%;transform:translate(-50%);background:var(--color-sacred-dark);padding:0 10px;color:var(--color-gold-muted);font-family:var(--font-display)}
