:root{--primary: #ff7b00;--primary-light: #ffb700;--primary-dark: #e65c00;--secondary: #1a237e;--secondary-light: #3f51b5;--secondary-dark: #0d134a;--accent: #2979ff;--accent-light: #82b1ff;--accent-dark: #2962ff;--success: #00e676;--warning: #ffab00;--warning-dark: #ff8f00;--text-main: #1c273c;--text-muted: #4f5e74;--text-white: #ffffff;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: rgba(0, 0, 0, .08);--font-family-title: "Montserrat", sans-serif;--font-family-body: "Inter", sans-serif;--transition-speed: .3s;--border-radius-lg: 24px;--border-radius-md: 16px;--border-radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-body);color:var(--text-main);background:url(/assets/background-CtN5lhqe.jpg) no-repeat center center / 100% 100%;background-attachment:fixed;overflow-x:hidden;min-height:100vh}.maintenance-wrapper{position:relative;min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;padding:20px}.container{max-width:1400px;height:100%;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:50px;z-index:10}.main-content-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.info-column{display:flex;flex-direction:column;gap:20px}.logo-header{margin-bottom:10px;animation:slideInDown .8s ease-out}.tvq-logo{height:88px;width:auto;display:block}.message-heading h1{font-family:var(--font-family-title);font-size:4.3rem;font-weight:800;line-height:1.1;color:var(--secondary-dark);letter-spacing:-1.5px;animation:fadeInUp .8s ease-out}.divider-with-icon{display:flex;align-items:center;gap:16px;margin:5px 0;width:90%;animation:fadeInUp .9s ease-out}.divider-with-icon .line{flex-grow:1;height:3px;background:linear-gradient(90deg,transparent,var(--primary) 50%,transparent);border-radius:2px}.divider-with-icon .icon-wrapper{color:var(--primary);display:flex;justify-content:center;align-items:center;background:none;box-shadow:none;padding:0}.divider-with-icon .wrench-icon{width:28px;height:28px;stroke:var(--primary)}.message-description{display:flex;flex-direction:column;gap:12px;animation:fadeInUp 1s ease-out}.message-description p{font-size:1.25rem;line-height:1.6;color:var(--text-muted);font-weight:500}.message-description .highlight-text{font-size:1.35rem;font-weight:700;color:var(--primary-dark);position:relative;display:inline-block;margin-top:5px}.illustration-column{position:relative;display:flex;justify-content:center;align-items:center;height:480px;margin-top:30%;animation:scaleIn .8s cubic-bezier(.34,1.56,.64,1)}.monitor-container{position:relative;width:580px;display:flex;flex-direction:column;align-items:center}.monitor-frame{width:100%;aspect-ratio:1.35;background-color:#0b192c;border:14px solid #0f2744;border-radius:var(--border-radius-md);box-shadow:0 25px 50px -12px #0b192c66;overflow:hidden;position:relative}.monitor-screen{width:100%;height:100%;background:linear-gradient(135deg,#eef5fc,#e0ecf8);border-radius:6px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:16px 20px}.side-panel{position:absolute;top:14px;bottom:14px;width:105px;background-color:#fff;border-radius:var(--border-radius-sm);box-shadow:0 4px 10px #00000008;padding:10px;display:flex;flex-direction:column;gap:12px;opacity:.25;z-index:1;pointer-events:none}.panel-left{left:14px}.panel-right{right:14px}.mini-bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:48px;border-bottom:1.5px solid #e2e8f0;padding-bottom:4px}.chart-bar{width:12%;background-color:#b0bec5;border-radius:2px 2px 0 0;display:block}.mini-wave-chart{height:48px;border-bottom:1.5px solid #e2e8f0;display:flex;align-items:center;overflow:hidden}.mini-wave-chart svg{width:100%;height:auto}.mini-lines{display:flex;flex-direction:column;gap:6px}.line-placeholder{height:4px;width:100%;background-color:#e2e8f0;border-radius:2px;display:block}.line-placeholder.short{width:75%}.line-placeholder.shorter{width:50%}.screen-main-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding-bottom:8px}.warning-gear-group{position:relative;width:130px;height:130px;display:flex;justify-content:center;align-items:center}.screen-gear{width:112px;height:112px;color:var(--secondary);animation:spin 12s linear infinite;z-index:1}.warning-triangle{position:absolute;width:50px;height:50px;z-index:2;bottom:8px;right:8px;filter:drop-shadow(0 3px 6px rgba(255,171,0,.4));animation:floatWarning 3s ease-in-out infinite}.triangle-svg{width:100%;height:100%}.screen-label{font-family:var(--font-family-title);font-size:1.15rem;font-weight:800;color:var(--secondary-dark);letter-spacing:.5px;border-bottom:2px dashed #b0bec5;padding-bottom:4px;margin-top:4px}.progress-bar-container{width:80%;height:12px;background-color:#e2e8f0;border-radius:6px;overflow:hidden;border:1px solid #cbd5e1;box-shadow:inset 0 1px 3px #0000000d;margin-top:6px}.progress-bar-fill{height:100%;width:72%;background-color:var(--accent);background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:30px 30px;border-radius:8px;animation:progressStripe 1s linear infinite;box-shadow:0 2px 5px #2979ff4d}.progress-subtitle{font-size:.75rem;color:var(--text-muted);font-weight:600}.monitor-stand{width:90px;height:70px;background-color:#0b192c;clip-path:polygon(15% 0%,85% 0%,100% 100%,0% 100%);margin-top:-2px;box-shadow:0 4px 6px -1px #0000001a;z-index:1}.monitor-base{width:230px;height:14px;background-color:#081220;border-radius:7px;box-shadow:0 10px 15px -3px #0003;z-index:2}.cone-container{position:absolute;bottom:-35px;left:10px;width:150px;z-index:5;filter:drop-shadow(0 12px 18px rgba(230,81,0,.35));transition:transform var(--transition-speed)}.cone-container:hover{transform:translateY(-5px) rotate(3deg)}.barricade-container{position:absolute;bottom:-35px;right:-40px;width:260px;z-index:5;filter:drop-shadow(0 15px 25px rgba(38,50,56,.3));transition:transform var(--transition-speed)}.barricade-container:hover{transform:translateY(-5px) rotate(-2deg)}.bess-container{position:absolute;bottom:-10px;right:-145px;width:100px;height:170px;z-index:4;filter:drop-shadow(0 12px 20px rgba(0,0,0,.12));transition:transform var(--transition-speed)}.bess-container:hover{transform:translateY(-5px) rotate(1deg)}.bess-cabinet{width:100%;height:100%}.floating-badge{position:absolute;width:96px;height:96px;border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 12px 28px -4px #0000001f;border:4px solid #bae6fd;z-index:4;transition:transform .3s ease,border-color .3s ease}.floating-badge:hover{border-color:var(--accent-light);transform:scale(1.1)}.badge-inner{width:78px;height:78px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#f0f7ff;color:var(--secondary)}.badge-icon{width:38px;height:38px}.badge-solar{top:-34%;left:140px}.badge-chart{top:-28%;right:70px}.badge-bolt{top:160px;right:-12%}.maintenance-footer{display:flex;position:relative;bottom:0;flex-direction:column;align-items:center;gap:16px;width:100%;animation:fadeInUp 1.2s ease-out}.contact-header{display:flex;align-items:center;gap:10px;color:var(--secondary-dark);font-weight:700;font-size:1.1rem}.contact-header .headset-icon{width:22px;height:22px;color:var(--secondary);animation:pulse 2s infinite}.contact-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 15px 35px var(--glass-shadow);border-radius:50px;padding:16px 40px;display:flex;align-items:center;justify-content:center;gap:32px;max-width:780px;width:auto;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.contact-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #0000001f}.contact-item{display:flex;align-items:center}.contact-link{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text-main);font-size:1.15rem;font-weight:700;transition:color var(--transition-speed)}.contact-link:hover{color:var(--primary-dark)}.icon-circle{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--text-white);transition:transform .2s ease}.contact-link:hover .icon-circle{transform:scale(1.1)}.phone-circle,.email-circle{background-color:var(--secondary);box-shadow:0 4px 10px #1a237e4d}.icon-circle svg{width:18px;height:18px;stroke:var(--text-white)}.card-divider{width:2px;height:28px;background-color:#0000001a;align-self:center}.decorative-leaf{position:absolute;width:180px;height:auto;z-index:100;pointer-events:none}.leaf-left{bottom:0;left:0;transform:translate(-10px,10px);animation:leafSwayLeft 6s ease-in-out infinite}.leaf-right{bottom:0;right:0;transform:translate(10px,10px);animation:leafSwayRight 7s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progressStripe{0%{background-position:0 0}to{background-position:30px 0}}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatWarning{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.85}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes leafSwayLeft{0%,to{transform:translate(-10px,10px) rotate(0)}50%{transform:translate(-15px,15px) rotate(3deg)}}@keyframes leafSwayRight{0%,to{transform:translate(10px,10px) rotate(0)}50%{transform:translate(15px,15px) rotate(-3deg)}}@media (max-width: 1100px){.message-heading h1{font-size:3rem}.main-content-grid{gap:40px}.tvq-logo{height:76px}}@media (max-width: 900px){.main-content-grid{grid-template-columns:1fr;gap:50px;text-align:center}.info-column{align-items:center}.logo-header{display:flex;justify-content:center}.divider-with-icon{width:60%}.illustration-column{height:400px}.monitor-container{width:380px}.badge-solar{top:-45px;left:80px}.badge-chart{top:-38px;right:40px}.badge-bolt{top:100px;right:-35px}.bess-container{width:66px;height:112px;bottom:-15px;right:-100px}.contact-card{padding:14px 28px;gap:20px}.contact-link{font-size:1.05rem}.decorative-leaf{width:140px}}@media (max-width: 600px){body{background-color:#f7fbff}.maintenance-wrapper{padding:24px 16px;background:linear-gradient(180deg,#f7fbffd9,#e0f2fef2),url(/assets/background.png) no-repeat center bottom / cover}.container{gap:36px}.message-heading h1{font-size:2.35rem}.divider-with-icon{width:80%}.message-description p{font-size:1.1rem}.message-description .highlight-text{font-size:1.2rem}.monitor-container{width:310px}.monitor-frame{border-width:8px;padding:6px}.monitor-screen{padding:8px}.screen-gear{width:68px;height:68px}.warning-gear-group{width:86px;height:86px}.warning-triangle{width:32px;height:32px;bottom:4px;right:4px}.screen-label{font-size:.95rem}.progress-bar-container{height:12px}.floating-badge{width:44px;height:44px}.badge-inner{width:34px;height:34px}.badge-icon{width:16px;height:16px}.badge-solar{top:-30px;left:60px}.badge-chart{top:-25px;right:30px}.badge-bolt{top:75px;right:-25px}.cone-container{width:100px;bottom:-28px;left:10px}.barricade-container{width:180px;bottom:-28px;right:-20px}.bess-container{width:48px;height:80px;bottom:-12px;right:-70px}.contact-card{flex-direction:column;border-radius:var(--border-radius-md);width:100%;padding:20px 24px;gap:18px}.card-divider{width:60%;height:1px}.contact-link{font-size:1rem;justify-content:center;width:100%}.icon-circle{width:36px;height:36px}.icon-circle svg{width:16px;height:16px}.decorative-leaf{width:100px}}@media (max-width: 360px){.message-heading h1{font-size:2rem}.monitor-container{width:270px}.barricade-container{width:80px;right:-10px}.badge-bolt{right:-15px}}