@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Source+Sans+3:wght@400;500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1a1440;--primary-light: #2d2366;--accent: #c9a84c;--accent-light: #e8cd7a;--accent-glow: rgba(201, 168, 76, .3);--text: #f0ece4;--text-muted: rgba(240, 236, 228, .6);--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(201, 168, 76, .15);--font-heading: "Cormorant Garamond", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--primary);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}.maintenance-container{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden;background:linear-gradient(160deg,#0d0b1a,#1a1440,#2d2366 60%,#1a1440);opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.maintenance-container.visible{opacity:1;transform:translateY(0)}.bg-orbs{position:absolute;inset:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(201,168,76,.35),transparent 70%);top:-10%;right:-5%;animation:orbFloat1 12s ease-in-out infinite}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(76,110,201,.3),transparent 70%);bottom:-10%;left:-5%;animation:orbFloat2 15s ease-in-out infinite}.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(201,76,148,.2),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:orbFloat3 10s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,30px) scale(1.1)}66%{transform:translate(20px,-20px) scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.05)}66%{transform:translate(-20px,20px) scale(1.1)}}@keyframes orbFloat3{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}.particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:var(--size);height:var(--size);background:var(--accent);border-radius:50%;left:var(--x);top:var(--y);opacity:0;animation:particleFloat var(--duration) var(--delay) ease-in-out infinite}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:.6;transform:translateY(-30px) scale(1)}}.maintenance-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;max-width:600px;width:100%}.logo-wrapper{position:relative;margin-bottom:1.5rem}.logo-glow{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow),transparent 70%);animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.logo{position:relative;width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(201,168,76,.3));animation:logoPulse 4s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.church-name{display:flex;flex-direction:column;gap:.25rem;margin-bottom:2rem}.church-name-main{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:.03em;background:linear-gradient(135deg,var(--accent-light),var(--accent),#e8cd7a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.church-name-sub{font-family:var(--font-body);font-size:.9rem;font-weight:400;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase}.maintenance-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:2.5rem 2rem;width:100%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;animation:cardAppear 1s .3s ease both}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.card-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 1.25rem;border-radius:50%;background:linear-gradient(135deg,#c9a84c26,#c9a84c0d);border:1px solid rgba(201,168,76,.2)}.gear-icon{width:32px;height:32px;color:var(--accent);animation:gearSpin 8s linear infinite}@keyframes gearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.card-description{font-size:1rem;line-height:1.7;color:var(--text-muted);margin-bottom:1.5rem}.card-description-highlight{color:var(--accent-light);font-weight:500}.progress-bar{width:100%;height:4px;background:#ffffff14;border-radius:4px;overflow:hidden}.progress-fill{height:100%;width:40%;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:4px;animation:progressSlide 2.5s ease-in-out infinite;box-shadow:0 0 10px var(--accent-glow)}@keyframes progressSlide{0%{transform:translate(-100%);width:40%}50%{width:60%}to{transform:translate(350%);width:40%}}.verse{margin-top:2rem;padding:1.25rem 1.5rem;border-left:3px solid rgba(201,168,76,.4);max-width:480px;animation:verseAppear 1s .6s ease both}@keyframes verseAppear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.verse p{font-family:var(--font-heading);font-style:italic;font-size:1.05rem;line-height:1.6;color:#f0ece4bf}.verse cite{display:block;margin-top:.5rem;font-family:var(--font-body);font-style:normal;font-size:.85rem;color:var(--accent);font-weight:500}.contact-info{margin-top:1.5rem;display:flex;flex-direction:column;gap:.5rem;animation:contactAppear 1s .9s ease both}@keyframes contactAppear{0%{opacity:0}to{opacity:1}}.contact-info p{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.contact-icon{width:16px;height:16px;flex-shrink:0;opacity:.6}@media(max-width:640px){.church-name-main{font-size:1.8rem}.church-name-sub{font-size:.75rem}.maintenance-card{padding:2rem 1.5rem;border-radius:16px}.card-title{font-size:1.4rem}.card-description{font-size:.9rem}.logo{width:80px;height:80px}.verse p{font-size:.95rem}.contact-info{gap:.35rem}.contact-info p{font-size:.8rem}}@media(max-width:380px){.maintenance-content{padding:1.5rem 1rem}.church-name-main{font-size:1.5rem}.maintenance-card{padding:1.5rem 1rem}}