.covenant-page-wrapper{background:var(--white);position:relative;overflow-x:hidden}.covenant-hero{height:var(--hero-h);min-height:var(--hero-min-h);background:var(--blue-deep);align-items:flex-end;display:flex;position:relative;overflow:hidden}.covenant-star-symbol{background-image:var(--symbol-url);opacity:.07;pointer-events:none;z-index:0;color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;width:320px;height:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.1)}.covenant-hero-overlay{z-index:1;flex-direction:column;align-items:flex-start;gap:1rem;width:100%;padding:4rem 5rem;display:flex;position:relative}.covenant-hero-title{font-family:var(--font-sans);color:#fff;font-size:clamp(2rem,3.8vw,2.8rem);font-weight:700;line-height:1.3}.back-link-beliefs{color:#fff;-webkit-backdrop-filter:blur(8px);transition:var(--transition);background:#ffffff14;border:1px solid #ffffff2e;border-radius:4px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:700;position:absolute;top:2rem;left:2rem}.back-link-beliefs:hover{background:#fff3;border-color:#fff;transform:translate(-5px)}.covenant-container{max-width:var(--read-w);margin:0 auto;padding:0 2rem}.covenant-stepper-section{background:var(--warm-bg);border-bottom:1px solid var(--divider);padding:3rem 0}.covenant-timeline-stepper{justify-content:space-between;align-items:center;width:100%;display:flex}.timeline-step-wrapper{flex:1;justify-content:center;align-items:center;gap:1.5rem;display:flex}.timeline-step-wrapper:last-child{flex:0 auto}.timeline-step-btn{cursor:pointer;transition:var(--transition);background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:.5rem;display:flex}.step-number{border:2px solid var(--blue-light);width:44px;height:44px;color:var(--blue-mid);font-family:var(--font-sans);transition:var(--transition);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 4px 10px #00000008}.step-label{font-family:var(--font-sans);color:var(--text-mid);transition:var(--transition);white-space:nowrap;font-size:.88rem;font-weight:500}.timeline-step-btn:hover .step-number{border-color:var(--blue-deep);color:var(--blue-deep);transform:translateY(-2px)}.timeline-step-btn.active .step-number{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff;box-shadow:0 5px 15px #1a4e8a40}.timeline-step-btn.active .step-label{color:var(--blue-deep);font-weight:700}.timeline-arrow{color:var(--blue-light);opacity:.6;pointer-events:none;font-size:1.4rem;font-weight:700}.covenant-content-section{background:var(--white);min-height:600px;padding:6rem 0}.covenant-content-card{border:1px solid var(--divider);background:#fff;border-radius:8px;padding:4.5rem;animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeSlideUp;box-shadow:0 15px 40px #00000008}.covenant-content-header{border-bottom:1px solid var(--divider);margin-bottom:3rem;padding-bottom:2rem}.covenant-content-tag{font-family:var(--font-sans);color:var(--coral);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;font-size:.78rem;font-weight:700;display:block}.covenant-content-title{font-family:var(--font-sans);color:var(--text-dark);margin-bottom:.5rem;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;line-height:1.3}.covenant-content-subtitle{font-family:var(--font-sans);color:var(--text-light);font-size:1.15rem;font-weight:500}.covenant-step-content{line-height:1.85}.metaphor-box{background:var(--warm-bg);border-right:4px solid var(--blue-deep);border-radius:0 8px 8px 0;margin:3rem 0;padding:2.5rem;box-shadow:0 8px 20px #00000004}.metaphor-box h3,.covenant-types-wrapper h3,.bab-covenant-box h3,.covenant-unique-box h3,.abdulbaha-knowledge-box h3,.shoghi-effendi-works h3{font-family:var(--font-sans);color:var(--text-dark);margin-bottom:1.2rem;font-size:1.25rem;font-weight:700}.covenant-types-wrapper{border:1px solid var(--divider);background:#fff;border-radius:8px;margin:3.5rem 0;padding:2.5rem;box-shadow:0 8px 20px #00000005}.covenant-types-list{margin-top:1.5rem;list-style:none}.covenant-types-list li{margin-bottom:1.2rem;padding-right:3rem;position:relative}.covenant-types-list li:last-child{margin-bottom:0}.covenant-types-list li span{background:var(--blue-pale);width:26px;height:26px;color:var(--blue-deep);font-family:var(--font-sans);border:1px solid var(--blue-light);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.highlight-box-covenant{border-right:4px solid var(--blue-deep);border-radius:8px;margin:3rem 0;padding:2.5rem}.bg-blue-pale{background-color:var(--blue-pale)}.text-blue-deep{color:var(--blue-deep)}.highlight-box-covenant h3{font-family:var(--font-sans);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.bab-covenant-box,.covenant-unique-box,.abdulbaha-knowledge-box,.shoghi-effendi-works{background:var(--warm-bg);border-right:4px solid var(--coral);border-radius:0 8px 8px 0;margin:3.5rem 0;padding:2.5rem;box-shadow:0 8px 20px #00000004}.bab-covenant-box ul,.shoghi-effendi-works ul{margin-top:1rem;margin-right:1.5rem}.bab-covenant-box li,.shoghi-effendi-works li{margin-bottom:.8rem}.covenant-step-content .inline-quote{background:var(--blue-pale);border:1px solid var(--divider);border-radius:6px;margin:3.5rem 0}.covenant-step-content .quote-line{font-family:var(--font-serif);color:var(--blue-deep);text-align:center;margin:2rem 0;font-size:1.4rem}.covenant-content-footer{border-top:1px solid var(--divider);justify-content:space-between;align-items:center;margin-top:4rem;padding-top:2.5rem;display:flex}.nav-control-spacer{flex:1}.nav-control-btn{font-family:var(--font-sans);cursor:pointer;transition:var(--transition);border:1px solid var(--divider);white-space:nowrap;border-radius:4px;outline:none;padding:.85rem 2rem;font-size:.95rem;font-weight:700}.nav-control-btn.prev{background:var(--blue-pale);color:var(--blue-deep);border-color:var(--blue-light)}.nav-control-btn.prev:hover{background:var(--blue-light);color:var(--blue-deep);transform:translate(4px)}.nav-control-btn.next{background:var(--blue-deep);color:#fff;border-color:var(--blue-deep);box-shadow:0 4px 12px #1a4e8a26}.nav-control-btn.next:hover{background:var(--blue-mid);border-color:var(--blue-mid);transform:translate(-4px);box-shadow:0 6px 18px #1a4e8a40}.nav-control-btn.finish{background:var(--coral);color:#fff;border-color:var(--coral);text-align:center;display:inline-block;box-shadow:0 4px 12px #c94a5033}.nav-control-btn.finish:hover{background:var(--coral-hover);border-color:var(--coral-hover);transform:translateY(-2px);box-shadow:0 6px 18px #c94a5059}.covenant-footer-nav{background:var(--white);border-top:1px solid var(--divider);padding:6rem 0}.footer-back-beliefs-btn{background:var(--blue-deep);color:#fff;transition:var(--transition);border-radius:4px;padding:1rem 3rem;font-size:1.1rem;font-weight:700;display:inline-block;box-shadow:0 6px 20px #1a4e8a2e}.footer-back-beliefs-btn:hover{background:var(--blue-mid);transform:translateY(-2px);box-shadow:0 10px 25px #1a4e8a40}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:991px){.covenant-timeline-stepper{-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:2rem;padding:1rem 0;overflow-x:auto}.timeline-step-wrapper{flex:0 auto;gap:1rem}}@media (max-width:768px){.covenant-hero-overlay{gap:.6rem;padding:2rem 1.25rem 1.5rem}.covenant-hero-title{font-size:1.85rem}.back-link-beliefs{padding:.4rem .85rem;font-size:.78rem;top:1rem;left:1rem}.covenant-container{padding:0 1.25rem}.covenant-stepper-section{-webkit-overflow-scrolling:touch;padding:1.25rem 0;overflow-x:auto}.covenant-timeline-stepper{gap:.5rem;width:max-content;min-width:100%;padding:0 1rem}.step-number{width:36px;height:36px;font-size:.95rem}.step-label{font-size:.76rem}.covenant-content-section{padding:2.25rem 0}.covenant-content-card{border-radius:14px;padding:1.5rem 1.25rem}.covenant-content-header{margin-bottom:1.5rem}.metaphor-box,.covenant-types-wrapper,.bab-covenant-box,.covenant-unique-box,.abdulbaha-knowledge-box,.shoghi-effendi-works{border-radius:12px;margin:1.5rem 0;padding:1.25rem}.covenant-types-list li{padding-right:2rem}.covenant-content-footer{flex-direction:column;align-items:stretch;gap:1rem}.nav-control-btn{text-align:center;justify-content:center;width:100%}}