html,body{margin:0;padding:0;overflow:hidden;width:100%;height:100%}.maintenance-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;position:relative;overflow:hidden;font-family:Poppins,sans-serif;transition:all .3s ease}.light-mode{background-color:#f9f9f9;color:#333}.dark-mode{background-color:#121212;color:#f0f0f0}.header{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 50px;z-index:10;transition:all .3s ease;box-sizing:border-box}.light-mode .header{background-color:#fffffff2;box-shadow:0 2px 10px #0000000d}.dark-mode .header{background-color:#1e1e1ef2;box-shadow:0 2px 10px #0003}.logo-container{display:flex;align-items:center}.logo{width:50px;height:50px;margin-right:15px;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:28px;color:#fff;transition:all .3s ease}.light-mode .logo{background:linear-gradient(135deg,#06c,#09f);box-shadow:0 4px 8px #0066cc4d}.dark-mode .logo{background:linear-gradient(135deg,#004a99,#07c);box-shadow:0 4px 8px #00000080}.title{font-size:28px;font-weight:700;margin:0;font-family:Montserrat,sans-serif;letter-spacing:.5px;transition:all .3s ease}.light-mode .title{color:#06c}.dark-mode .title{color:#4d9fff}.theme-toggle-btn{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .3s ease;outline:none;padding:0}.light-mode .theme-toggle-btn{background:#f0f8ff;box-shadow:0 2px 5px #0000001a,inset 0 0 0 1px #06c3;color:#06c}.dark-mode .theme-toggle-btn{background:#2d2d2d;box-shadow:0 2px 5px #0000004d,inset 0 0 0 1px #4d9fff4d;color:#4d9fff}.theme-toggle-btn:hover{transform:scale(1.05)}.theme-toggle-btn:active{transform:scale(.95)}.maintenance-content{display:flex;width:90%;max-width:1400px;min-height:550px;border-radius:16px;overflow:hidden;z-index:2;margin-top:90px;margin-bottom:20px;transition:all .3s ease;box-sizing:border-box}.light-mode .maintenance-content{background:#fff;box-shadow:0 15px 50px #0000001a}.dark-mode .maintenance-content{background:#1e1e1e;box-shadow:0 15px 50px #00000080}.animation-container{flex:1;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:all .3s ease}.light-mode .animation-container{background-color:#f0f8ff}.dark-mode .animation-container{background-color:#1a2633}.simple-code-window{width:180px;height:auto;border-radius:6px;background:#1e1e1e;padding:15px;font-family:Courier New,monospace;font-size:12px;box-shadow:0 5px 15px #0000004d;margin-bottom:0;display:none}.light-mode .simple-code-window{background:#1e1e1e;color:#f8f8f8}.dark-mode .simple-code-window{background:#121212;color:#f8f8f8}.text-container{flex:1;padding:70px;display:flex;flex-direction:column;justify-content:center;transition:all .3s ease}.text-content{max-width:540px}p{text-align:justify;line-height:1.8;margin-bottom:1rem;font-size:1.2rem;font-weight:300;max-width:100%;transition:all .3s ease}.light-mode p{color:#555}.dark-mode p{color:#b0b0b0}.maintenance-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;flex-wrap:nowrap}.maintenance-heading.small-screen{flex-direction:column;align-items:center;text-align:center}.maintenance-heading.small-screen h1{margin-bottom:15px}.maintenance-heading.small-screen .spinner-container{margin-left:0}h1{margin:0;font-size:2.8rem;font-weight:700;font-family:Montserrat,sans-serif;transition:all .3s ease}.light-mode h1{color:#06c}.dark-mode h1{color:#4d9fff}.spinner-container{margin-left:20px;position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0}.spinner-circle{width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;animation:rotateCircle 8s linear infinite;transition:all .3s ease}.light-mode .spinner-circle{background-color:#0066cc1a;border:3px solid rgba(0,102,204,.3)}.dark-mode .spinner-circle{background-color:#4d9fff1a;border:3px solid rgba(77,159,255,.3)}.maintenance-icon{font-size:2.5rem;animation:wrench 2.5s ease infinite;display:inline-block;transition:all .3s ease}.light-mode .maintenance-icon{color:#06c}.dark-mode .maintenance-icon{color:#4d9fff}.estimated-time{margin-top:1.5rem;padding-top:1.5rem;width:100%;transition:all .3s ease}.light-mode .estimated-time{border-top:1px solid #eee}.dark-mode .estimated-time{border-top:1px solid #333}.estimated-time p{font-weight:400;margin-bottom:0}.estimated-time span{font-weight:700;transition:all .3s ease}.light-mode .estimated-time span{color:#06c}.dark-mode .estimated-time span{color:#4d9fff}.server-rack{position:absolute;width:180px;height:300px;left:50%;top:50%;transform:translate(-160px,-150px);border-radius:10px;transition:all .3s ease;z-index:1}.light-mode .server-rack{background:#333;box-shadow:0 0 20px #0000004d}.dark-mode .server-rack{background:#222;box-shadow:0 0 20px #00000080}.server{position:absolute;width:160px;height:30px;left:10px;border-radius:4px;transition:all .3s ease}.light-mode .server{background:#222}.dark-mode .server{background:#191919}.server-lights{position:absolute;right:10px;display:flex;gap:5px}.light{width:8px;height:8px;border-radius:50%}.light.green{background-color:#4caf50;animation:blink 2s infinite}.light.blue{background-color:#2196f3;animation:blink 3s infinite}.light.orange{background-color:#ff9800;animation:blink 2.5s infinite .5s}.data-stream{position:absolute;width:3px;height:15px;opacity:.7;animation:dataFlow 2s linear infinite;transition:all .3s ease}.light-mode .data-stream{background:#06c}.dark-mode .data-stream{background:#4d9fff}.code-window{position:absolute;width:250px;height:200px;border-radius:8px;left:50%;top:50%;transform:translate(-20px,-100px) perspective(500px) rotateY(-15deg);padding:15px;font-family:Courier New,monospace;font-size:12px;overflow:hidden;transition:all .3s ease;z-index:2}.light-mode .code-window{background:#1e1e1e;color:#f8f8f8;box-shadow:0 5px 15px #0000004d}.dark-mode .code-window{background:#121212;color:#f8f8f8;box-shadow:0 5px 15px #00000080}.code-line{white-space:nowrap;height:18px;margin-bottom:5px}.code-line.purple{color:#c586c0}.code-line.blue{color:#569cd6}.code-line.yellow{color:#dcdcaa}.code-line.green{color:#6a9955}.typing-effect{overflow:hidden;border-right:2px solid #f8f8f8;animation:typing 3s steps(40) infinite}@keyframes rotateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wrench{0%{transform:rotate(0)}20%,30%{transform:rotate(-15deg)}40%,50%{transform:rotate(15deg)}60%,70%{transform:rotate(-15deg)}80%,90%{transform:rotate(15deg)}to{transform:rotate(0)}}@keyframes typing{0%{width:0}50%{width:100%}55%{border-color:transparent}60%{border-color:#f8f8f8}to{width:100%;border-color:transparent}}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}@keyframes dataFlow{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.7}to{transform:translateY(-160px) translate(100px);opacity:0}}@media (max-width: 1200px){.maintenance-content{width:90%;flex-direction:column}.animation-container{height:350px;position:relative;display:flex;justify-content:center;align-items:center}.server-rack{position:relative;left:0;top:0;transform:none;margin-right:30px}.code-window{position:relative;left:0;top:0;transform:perspective(500px) rotateY(-15deg)}.text-container{padding:50px}}@media (width: 1024px) and (height: 600px),(min-width: 1020px) and (max-width: 1030px) and (max-height: 610px){.maintenance-content{flex-direction:row;min-height:450px;margin-top:90px}.animation-container{position:relative;height:450px}.server-rack{position:absolute;width:140px;height:230px;left:50%;top:50%;transform:translate(-130px,-115px);z-index:1}.server{width:120px;height:25px}.code-window{position:absolute;width:190px;height:150px;left:50%;top:50%;padding:10px;font-size:10px;transform:translate(-30px,-75px) perspective(500px) rotateY(-15deg);z-index:2}.code-line{height:14px;margin-bottom:3px}.text-container{padding:25px}h1{font-size:2.2rem}p{font-size:1rem;line-height:1.5}.estimated-time{margin-top:1rem;padding-top:1rem}}@media (max-width: 992px){.animation-container{height:320px;padding:0 30px}.server-rack{width:160px;height:260px}.server{width:140px}.code-window{width:220px;height:180px;font-size:11px;padding:12px}.code-line{height:16px;margin-bottom:4px}}@media (max-width: 768px){.header{padding:0 20px;height:70px}.logo{width:45px;height:45px;font-size:24px}.title{font-size:24px}.theme-toggle-btn{width:36px;height:36px;font-size:18px}.maintenance-content{width:95%;margin-top:80px;min-height:0}.animation-container{height:300px;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center}.server-rack{width:150px;height:250px;left:auto;top:auto;position:relative;transform:none;margin-right:20px}.code-window{width:180px;height:160px;left:auto;top:auto;position:relative;transform:perspective(500px) rotateY(-15deg);font-size:10px;padding:10px}.code-line{height:14px;margin-bottom:3px}.text-container{padding:40px}h1{font-size:2.2rem}p{font-size:1rem}}@media (max-width: 640px){.animation-container{height:250px}.server-rack{width:140px;height:220px;margin-right:15px}.server{width:120px;height:25px}.code-window{width:160px;height:140px;font-size:9px}.code-line{height:12px;margin-bottom:3px}}@media (max-width: 576px){.header{padding:0 15px;height:60px}.logo{width:36px;height:36px;font-size:18px}.title{font-size:20px}.maintenance-content{margin-top:70px;min-height:auto;height:auto;flex-direction:column;max-height:calc(100vh - 90px)}.animation-container{height:120px;padding:25px 0}.server-rack,.code-window{display:none}.simple-code-window{display:block;margin-bottom:10px}.text-container{padding:25px 20px}.maintenance-heading{flex-direction:column;align-items:center;text-align:center}h1{font-size:1.5rem;margin-bottom:15px;text-align:center}.spinner-container{margin-left:0}.spinner-circle{width:42px;height:42px}.maintenance-icon{font-size:1.6rem}p{font-size:.95rem;line-height:1.5;margin-bottom:.8rem}.estimated-time{margin-top:1rem;padding-top:1rem}.estimated-time p{font-size:.9rem}}@media (max-width: 480px){.header{height:55px;padding:0 12px}.logo{width:32px;height:32px;font-size:16px;margin-right:8px}.title{font-size:18px}.theme-toggle-btn{width:30px;height:30px;font-size:14px}.maintenance-content{margin-top:65px;border-radius:12px;width:90%}.animation-container{height:110px;padding:20px 0}.simple-code-window{margin-bottom:10px}.text-container{padding:20px 15px}h1{font-size:1.3rem}.spinner-circle{width:38px;height:38px}.maintenance-icon{font-size:1.4rem}p{font-size:.9rem;margin-bottom:.7rem;line-height:1.4}}@media (max-width: 375px){.header{height:50px}.maintenance-content{margin-top:60px;max-height:calc(100vh - 70px)}.animation-container{height:90px;padding:15px 0}.simple-code-window{width:150px;padding:10px;font-size:10px}.text-container{padding:15px 12px}h1{font-size:1.15rem}.spinner-circle{width:34px;height:34px}.maintenance-icon{font-size:1.2rem}p{font-size:.85rem;margin-bottom:.6rem;line-height:1.3}.estimated-time{margin-top:.8rem;padding-top:.8rem}.estimated-time p{font-size:.8rem}}@supports (-webkit-touch-callout: none){.maintenance-container{height:-webkit-fill-available}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}