*{box-sizing:border-box;margin:0;padding:0}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}body{background:#f7fafc;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.maintenance-container{background:url(/maintenance.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative}.maintenance-container:before{content:"";z-index:1;background:#0006;position:absolute;inset:0}.maintenance-content{z-index:2;text-align:center;width:100%;max-width:800px;padding:60px 40px;animation:.8s ease-out fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.icon-container{margin-bottom:30px}.store-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;padding:20px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.main-title{color:#fff;letter-spacing:-.5px;text-shadow:2px 2px 8px #000c;margin-bottom:30px;font-size:2.5rem;font-weight:700}.status-message h2{color:#fff;text-shadow:2px 2px 6px #000c;margin-bottom:15px;font-size:1.8rem;font-weight:600}.status-message p{color:#fff;text-shadow:1px 1px 4px #000000b3;margin-bottom:40px;font-size:1.1rem;line-height:1.6}.features-preview{grid-template-columns:repeat(2,1fr);gap:25px;max-width:400px;margin-bottom:40px;margin-left:auto;margin-right:auto;display:grid}.feature-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:25px 20px;transition:transform .3s;display:flex}.feature-item:hover{transform:translateY(-5px)}.feature-icon{margin-bottom:10px;font-size:2rem}.feature-item span{color:#fff;text-align:center;text-shadow:1px 1px 3px #000000b3;font-size:.9rem;font-weight:500}.progress-container{margin-bottom:30px}.progress-bar{background:#ffffff4d;border-radius:4px;width:100%;height:8px;margin-bottom:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4caf50,#45a049);border-radius:4px;width:85%;height:100%;animation:2s ease-out progressAnimation}@keyframes progressAnimation{0%{width:0%}to{width:85%}}.progress-text{color:#fff;text-shadow:1px 1px 3px #000000b3;font-size:.9rem;font-weight:500}.contact-info{border-top:1px solid #ffffff4d;margin-top:30px;padding-top:30px}.contact-info p{color:#fff;text-shadow:1px 1px 3px #000000b3;margin:0;font-size:.9rem}.contact-info a{color:#87ceeb;text-shadow:1px 1px 3px #000000b3;font-weight:500;text-decoration:none;transition:color .3s}.contact-info a:hover{color:#764ba2;text-decoration:underline}@media (max-width:768px){.maintenance-content{padding:40px 30px}.main-title{font-size:2rem}.status-message h2{font-size:1.5rem}.features-preview{grid-template-columns:repeat(2,1fr);gap:15px;max-width:100%}.feature-item{padding:15px}}@media (max-width:480px){.maintenance-content{padding:30px 20px}.main-title{font-size:1.8rem}.features-preview{grid-template-columns:repeat(2,1fr);gap:10px}.feature-item{min-height:100px;padding:20px 15px}}
