:root{--primary-yellow:#fdb813;--primary-red:#d32f2f;--primary-white:#fff;--primary-orange:#ff8c00;--dark-gold:#c68a00;--spiritual-bg:#1a1a2e;--light-cream:#fff8f0;--green-primary:#2d8659;--green-light:#4caf50}.hero-container{position:relative;width:100%;min-height:auto;overflow:hidden;font-family:Georgia,serif}.hero-background{top:0;left:0;z-index:0}.hero-background,.hero-gradient{position:absolute;width:100%;height:100%}.hero-gradient{background:linear-gradient(135deg,var(--spiritual-bg) 0,#2d1b1b 25%,#1a1a2e 50%,#2d1b1b 75%,var(--spiritual-bg) 100%);animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.hero-overlay{background:radial-gradient(circle at 50% 50%,rgba(253,184,19,.05) 0,transparent 70%)}.hero-decorations,.hero-overlay{position:absolute;width:100%;height:100%}.hero-decorations{z-index:1}.decoration{position:absolute;border-radius:50%;opacity:.1}.dec-1{width:400px;height:400px;top:-100px;right:-100px;background:radial-gradient(circle,var(--primary-yellow),var(--primary-orange));animation:float 20s ease-in-out infinite}.dec-2{width:300px;height:300px;bottom:-50px;left:-50px;background:radial-gradient(circle,var(--primary-red),var(--primary-orange));animation:float 25s ease-in-out 2s infinite}.dec-3{width:250px;height:250px;top:50%;right:10%;background:radial-gradient(circle,var(--primary-yellow),var(--dark-gold));animation:float 22s ease-in-out 4s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(30px)}}.hero-content{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 30px;text-align:center}.hero-title-section{margin-bottom:15px;animation:slideDown 1s ease-out}.hero-title-section.compact{margin-bottom:10px}.hero-title-section.devotional{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:18px;padding-top:8px}.hero-logo-ring{width:130px;height:130px;border-radius:50%;overflow:hidden;flex:0 0 auto;background:#2a0e00;box-shadow:0 0 0 3px var(--primary-yellow),0 0 0 9px rgba(240,200,64,.18),0 0 34px rgba(240,200,64,.55);animation:zoomIn 1s ease-out .3s both,haloPulse 3.4s ease-in-out 1.3s infinite}.hero-logo-img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}@keyframes haloPulse{0%,to{box-shadow:0 0 0 3px var(--primary-yellow),0 0 0 9px rgba(240,200,64,.18),0 0 26px rgba(240,200,64,.45)}50%{box-shadow:0 0 0 3px var(--primary-yellow),0 0 0 9px rgba(240,200,64,.28),0 0 44px rgba(240,200,64,.72)}}.hero-title.devotional{font-size:2.5rem;font-weight:600;margin:0;line-height:1.2;text-align:center}.hero-title{font-size:2.2rem;font-weight:300;letter-spacing:1px}.hero-title.compact{font-size:1.8rem;margin-bottom:5px}.hero-title{background:linear-gradient(90deg,var(--primary-yellow) 0,var(--primary-orange) 25%,var(--primary-white) 50%,var(--primary-orange) 75%,var(--primary-yellow) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(253,184,19,.3);margin:0;animation:gradientText 4s ease infinite}@keyframes gradientText{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.hero-subtitle{font-size:1.2rem;color:var(--primary-white);margin-top:12px;opacity:.95;font-weight:300;letter-spacing:1px;animation:slideUp 1s ease-out .2s both}.hero-subtitle.compact{font-size:.95rem;margin-top:5px}.hero-content.compact-mode{padding:15px 25px}.info-banner{background:rgba(253,184,19,.15);border:2px solid var(--primary-yellow);border-radius:8px;padding:12px 16px;margin:15px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;animation:slideDown .8s ease-out}.info-text{color:var(--primary-white);font-size:.95rem;margin:0;flex:1 1}.info-toggle-btn{background:var(--primary-yellow);color:#1a1a2e;border:none;padding:8px 14px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease}.info-toggle-btn:hover{background:var(--primary-orange);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,140,0,.3)}.details-drawer{background:rgba(255,248,240,.95);border-left:4px solid var(--primary-yellow);border-radius:8px;padding:20px;margin:15px 0;box-shadow:0 8px 24px rgba(0,0,0,.3);animation:slideDown .5s ease-out;max-height:400px;overflow-y:auto}.details-content{color:#2d1b1b}.details-content h3{margin-top:0;color:var(--primary-red);font-size:1.1rem}.details-content p{font-size:.9rem;line-height:1.6;margin:10px 0}.pill-questions{margin:15px 0;animation:slideDown .7s ease-out}.pill-label{color:var(--primary-white);font-size:.9rem;margin-bottom:10px;text-align:center;opacity:.9}.pill-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;max-width:600px;margin:0 auto}.pill-btn{background:rgba(211,47,47,.15);border:1px solid var(--primary-red);padding:10px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;text-align:left;overflow:hidden}.pill-btn,.pill-btn:hover{color:var(--primary-white)}.pill-btn:hover{background:var(--primary-red);transform:translateY(-2px);box-shadow:0 4px 12px rgba(211,47,47,.4)}.pill-emoji{font-size:1.1rem;flex-shrink:0}.pill-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.highlight-text{color:var(--primary-yellow);font-weight:500;letter-spacing:.5px}.hero-divider{width:150px;height:2px;background:linear-gradient(90deg,var(--primary-yellow),var(--primary-orange),transparent);margin:15px auto 0;animation:slideUp 1s ease-out .4s both}.hero-three-column{display:grid;grid-template-columns:1fr 1.2fr 1fr;grid-gap:18px;gap:18px;width:100%;max-width:1400px;margin-top:12px;animation:fadeIn 1.2s ease-out .6s both}.column{display:flex;flex-direction:column;justify-content:flex-start}.column-left{align-items:center;justify-content:center}.circular-image-box{width:100%;max-width:320px;height:auto;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.5);border:3px solid var(--primary-yellow);background:linear-gradient(135deg,var(--green-primary),var(--green-light));animation:zoomIn 1s ease-out .8s both}.circular-image{width:100%;height:auto;display:block;object-fit:contain;object-position:center}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.column-center{justify-content:center}.main-description{background:rgba(255,248,240,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid var(--primary-yellow);border-top:2px solid var(--primary-orange);border-radius:8px;padding:15px 18px;box-shadow:0 12px 30px rgba(0,0,0,.4)}.description-intro{font-size:.85rem;line-height:1.5;color:#2d1b1b;margin:0 0 10px;letter-spacing:.2px;font-weight:500;border-bottom:1px solid rgba(253,184,19,.3);padding-bottom:8px}.description-vision{font-size:.8rem;line-height:1.6;color:#2d1b1b;margin:8px 0;letter-spacing:.15px}.description-vision strong{color:var(--primary-red);font-weight:600}.description-conclusion{font-size:.8rem;line-height:1.5;color:#2d1b1b;margin:8px 0 0;letter-spacing:.15px;font-style:italic;opacity:.95}.description-credit{margin-top:10px;padding-top:8px;border-top:1px solid rgba(253,184,19,.3);text-align:center}.description-credit p{font-size:.75rem;color:var(--primary-red);margin:2px 0;font-weight:500}.description-credit .author{color:var(--primary-yellow);font-weight:600}.column-right{align-items:stretch}.benefits-box{background:rgba(255,248,240,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:3px solid var(--primary-orange);border-top:2px solid var(--primary-yellow);border-radius:8px;padding:12px 14px;box-shadow:0 12px 30px rgba(0,0,0,.4);height:100%}.benefits-title{font-size:.9rem;color:var(--primary-red);margin:0 0 10px;font-weight:600;text-align:center;letter-spacing:.3px}.benefits-list{display:flex;flex-direction:column;gap:8px}.benefit-item{display:flex;align-items:flex-start;gap:10px;padding:7px;border-radius:5px;background:rgba(253,184,19,.08);border-left:2px solid var(--primary-yellow);transition:all .3s ease}.benefit-item:hover{background:rgba(253,184,19,.15);transform:translateX(5px)}.benefit-icon{font-size:1.4rem;min-width:35px;text-align:center;flex-shrink:0}.benefit-content{flex:1 1;text-align:left}.benefit-title{font-size:.8rem;font-weight:600;color:var(--primary-red);margin:0 0 2px;letter-spacing:.2px}.benefit-desc{font-size:.7rem;color:#555;line-height:1.3;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1200px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-three-column{grid-template-columns:1fr;gap:20px}.circular-image-box{width:100%;max-width:420px;height:auto}.benefits-box,.main-description{padding:20px}.description-conclusion,.description-intro,.description-vision{font-size:.9rem}}@media (max-width:768px){.hero-content{padding:20px 15px}.hero-title{font-size:2rem;letter-spacing:1px}.hero-subtitle{font-size:.95rem;margin-top:8px}.hero-title-section{margin-bottom:20px}.hero-logo-ring{width:96px;height:96px}.hero-title.devotional{font-size:1.6rem}.hero-three-column{grid-template-columns:1fr;gap:15px;margin-top:15px}.circular-image-box{width:100%;max-width:380px;height:auto}.benefits-box,.main-description{padding:15px}.description-intro{font-size:.85rem;margin-bottom:10px}.description-conclusion,.description-vision{font-size:.85rem;line-height:1.5}.benefits-list{gap:10px}.benefit-item{padding:8px;gap:10px}.benefit-icon{font-size:1.2rem;min-width:30px}.benefit-title{font-size:.8rem}.benefit-desc{font-size:.7rem}.decoration{opacity:.05}.dec-1{width:200px;height:200px}.dec-2{width:150px;height:150px}.dec-3{width:100px;height:100px}}@media (max-width:480px){.hero-content{padding:15px 10px}.hero-title{font-size:1.5rem;letter-spacing:.5px}.hero-subtitle{font-size:.85rem}.hero-title-section{margin-bottom:15px}.circular-image-box{width:100%;max-width:320px;height:auto;border-width:3px}.benefits-box,.main-description{padding:12px}.description-intro{font-size:.8rem;line-height:1.4;margin-bottom:8px}.description-conclusion,.description-vision{font-size:.78rem;line-height:1.4;margin:8px 0}.benefits-title{font-size:.9rem;margin-bottom:10px}.benefits-list{gap:8px}.benefit-item{padding:6px;gap:8px}.benefit-icon{font-size:1.1rem;min-width:28px}.benefit-title{font-size:.75rem}.benefit-desc{font-size:.65rem;line-height:1.2}.hero-divider{width:100px}.description-credit p{font-size:.8rem}.pill-buttons{grid-template-columns:1fr}.pill-btn{padding:8px 10px;font-size:.75rem}}