: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;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden}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}}*{box-sizing:border-box}.coming-soon-container{position:relative;width:100%;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;overflow-x:hidden;background:linear-gradient(135deg,#0a4d68,#088395,#05bfdb);padding:2rem 0}.content-wrapper{position:relative;z-index:10;width:100%;max-width:1200px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.logo-section{text-align:center;animation:fadeInDown .8s ease-out}.logo-container{margin-bottom:1rem}.logo-text{font-size:3.5rem;font-weight:800;color:#fff;margin:0;text-shadow:2px 4px 8px rgba(0,0,0,.3);letter-spacing:-1px;display:flex;align-items:center;justify-content:center;gap:.5rem}.logo-icon{font-size:2.5rem;animation:bounce 2s ease-in-out infinite}.tagline{font-size:1.3rem;color:#fffffff2;margin:.5rem 0 0;font-weight:300;letter-spacing:1px}.coming-soon-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:3.5rem 4rem;text-align:center;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;max-width:700px;width:100%;animation:fadeInUp .8s ease-out .6s both;position:relative;overflow:hidden}.coming-soon-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(8,131,149,.1),transparent);animation:shimmer 3s infinite}.icon-wrapper{margin-bottom:1.5rem;display:flex;justify-content:center}.icon-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#088395,#05bfdb);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #08839566;animation:float 3s ease-in-out infinite}.construction-icon{width:40px;height:40px;color:#fff;animation:rotate 4s linear infinite}.coming-soon-title{margin:0 0 1.5rem;position:relative}.title-main{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#088395,#05bfdb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:.5rem;letter-spacing:-1px}.title-underline{display:block;width:80px;height:4px;background:linear-gradient(90deg,#088395,#05bfdb);margin:0 auto;border-radius:2px;animation:expand 1s ease-out .5s both}.coming-soon-message{font-size:1.2rem;color:#4a5568;margin:0 0 2rem;line-height:1.8;font-weight:400}.progress-section{margin:2rem 0;width:100%}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:.75rem;position:relative}.progress-fill{height:100%;width:75%;background:linear-gradient(90deg,#088395,#05bfdb);border-radius:10px;animation:progress 2s ease-out,pulse-glow 2s ease-in-out infinite;box-shadow:0 0 10px #08839580}.progress-text{font-size:.9rem;color:#718096;margin:0;font-style:italic}.features-preview{display:flex;justify-content:center;gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0;flex-wrap:wrap}.feature-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border-radius:15px;transition:transform .3s ease,background .3s ease;animation:fadeIn 1s ease-out both}.feature-item:nth-child(1){animation-delay:.4s}.feature-item:nth-child(2){animation-delay:.6s}.feature-item:nth-child(3){animation-delay:.8s}.feature-item:hover{transform:translateY(-5px);background:#0883950d}.feature-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.feature-text{font-size:.9rem;color:#4a5568;font-weight:600}.footer-note{text-align:center;animation:fadeIn 1s ease-out 1s both}.footer-note p{color:#ffffffe6;font-size:1rem;margin:0;font-weight:300}.homepage-image-container{width:100%;max-width:1200px;margin:2rem 0;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .8s ease-out .2s both}.homepage-image-container.new-pic-container{max-width:760px;margin:2rem auto}.homepage-image-container.new-pic-container .homepage-image{max-height:620px}.homepage-image{width:100%;height:auto;display:block;object-fit:contain}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes expand{0%{width:0}to{width:80px}}@keyframes progress{0%{width:0}to{width:75%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #08839580}50%{box-shadow:0 0 20px #088395cc}}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@media(max-width:768px){.content-wrapper{padding:1rem;gap:1.5rem}.logo-text{font-size:2.2rem;flex-direction:column;gap:.25rem}.logo-icon{font-size:1.8rem}.tagline{font-size:1rem}.coming-soon-card{padding:2.5rem 2rem;border-radius:25px}.title-main{font-size:2.5rem}.coming-soon-message{font-size:1rem}.features-preview{gap:1rem}.feature-item{padding:.75rem}.feature-icon{font-size:1.5rem}.feature-text{font-size:.8rem}.icon-circle{width:60px;height:60px}.construction-icon{width:30px;height:30px}.homepage-image-container{margin:1.5rem 0;border-radius:15px}}@media(max-width:480px){.logo-text{font-size:1.8rem}.coming-soon-card{padding:2rem 1.5rem}.title-main{font-size:2rem}.features-preview{flex-direction:column;gap:.5rem}.homepage-image-container{margin:1rem 0;border-radius:12px}}
