.maintenance{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.maintenance__bg{background-color:#5261aa;position:absolute;inset:0}.maintenance__socials{z-index:2;gap:10px;display:flex;position:absolute;top:20px;right:20px}.maintenance__social-link{width:44px;height:44px;font-family:var(--font-subtitle);color:#000;background-color:var(--color-brand-tertiary);transition:var(--transition-base);border:3px solid #000;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;box-shadow:4px 4px #000}.maintenance__social-link:hover{color:#fff;box-shadow:none;background-color:#5c2884}.maintenance__content{z-index:1;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.maintenance__logo-img{filter:drop-shadow(8px 8px #000);width:300px;height:300px;margin-bottom:-30px;animation:3s ease-in-out infinite maintenancePulse}@keyframes maintenancePulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.maintenance__title{font-family:var(--font-heading);color:#fff;text-shadow:6px 6px #000;letter-spacing:3px;text-align:center;font-size:52px}.maintenance__subtitle{color:#fff;letter-spacing:3px;margin-top:4px;font-family:Bebas Neue,sans-serif;font-size:36px;font-weight:300}.maintenance__card{background:var(--color-text-light);border:var(--border-thick);border-radius:var(--radius-card);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:16px;max-width:600px;margin-top:20px;padding:24px 32px;display:flex}.maintenance__text{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-primary);text-align:center}.maintenance__datetime{gap:12px;margin-top:20px;display:flex}.maintenance__datetime-item{color:#fff;font-family:var(--font-subtitle);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);letter-spacing:1px;background-color:#764695;border:3px solid #000;padding:10px 20px;font-size:1.1rem;font-weight:700}.maintenance__countdown{gap:16px;margin-top:24px;display:flex}.maintenance__countdown-item{background:var(--color-text-light);border:var(--border-thick);border-radius:var(--radius-card);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:6px;min-width:80px;padding:16px 20px;display:flex}.maintenance__countdown-value{font-family:var(--font-heading);color:var(--color-text-primary);font-size:36px;line-height:1}.maintenance__countdown-label{font-family:var(--font-subtitle);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-primary);opacity:.7;font-size:.75rem;font-weight:600}.maintenance__progress{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:400px;margin-top:28px;display:flex}.maintenance__progress-bar{border-radius:var(--radius-pill);width:100%;height:20px;box-shadow:var(--shadow-sm);background:#fff;border:3px solid #000;overflow:hidden}.maintenance__progress-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg,#6ec7e2,#764695);width:0%;height:100%;animation:3s ease-in-out infinite maintenanceLoad}@keyframes maintenanceLoad{0%{width:0%}50%{width:80%}to{width:100%}}.maintenance__progress-label{font-family:var(--font-subtitle);color:#fff;letter-spacing:1px;text-transform:uppercase;font-size:.9rem;font-weight:600}.maintenance__contact{flex-direction:column;align-items:center;gap:12px;margin-top:28px;display:flex}.maintenance__contact-text{color:#fff;letter-spacing:2px;font-family:Bebas Neue,sans-serif;font-size:22px}.maintenance__doodles{pointer-events:none;z-index:0;position:fixed;inset:0}.maintenance__doodle{opacity:.4;font-size:2rem;animation:6s ease-in-out infinite maintenanceFloat;position:absolute}.maintenance__doodle--1{color:var(--color-brand-tertiary);animation-delay:0s;top:10%;left:8%}.maintenance__doodle--2{color:var(--color-brand-secondary);font-size:2.5rem;animation-delay:1.5s;top:20%;right:10%}.maintenance__doodle--3{color:#764695;font-size:1.5rem;animation-delay:3s;bottom:15%;left:12%}.maintenance__doodle--4{color:var(--color-brand-tertiary);animation-delay:4.5s;bottom:10%;right:8%}@keyframes maintenanceFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(15deg)}}@media (max-width:768px){.maintenance__logo-img{width:200px;height:200px}.maintenance__title{text-shadow:3px 3px #000;font-size:32px}.maintenance__datetime{flex-direction:column;gap:8px}.maintenance__card{margin:16px 16px 0}.maintenance__progress{max-width:280px}.maintenance__doodle{font-size:1.2rem}}
