@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Exo+2:wght@300;400;600&display=swap";body{margin:0;font-family:"Exo 2",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-cyan: #0891B2;--primary-blue: #1E40AF;--navy: #1E3A8A;--teal: #0D9488;--light-cyan: #06B6D4;--bg-light: #F8FAFC;--bg-white: #FFFFFF;--text-dark: #0F172A;--text-gray: #475569}*{margin:0;padding:0;box-sizing:border-box}.app{font-family:"Exo 2",sans-serif;background:var(--bg-light);color:var(--text-dark);overflow-x:hidden;min-height:100vh;position:relative}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.geometric-shape{position:absolute;opacity:.08;animation:float 20s infinite ease-in-out}.shape-1{width:400px;height:400px;background:linear-gradient(135deg,var(--primary-cyan),transparent);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);top:-100px;left:-100px;animation-delay:0s}.shape-2{width:300px;height:300px;background:linear-gradient(45deg,var(--teal),transparent);clip-path:polygon(0% 0%,100% 0%,50% 100%);bottom:-50px;right:10%;animation-delay:5s}.shape-3{width:350px;height:350px;background:linear-gradient(225deg,var(--primary-blue),transparent);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);top:50%;right:-100px;animation-delay:10s}.shape-4{width:250px;height:250px;background:linear-gradient(315deg,var(--light-cyan),transparent);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);bottom:20%;left:15%;animation-delay:15s}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-20px) rotate(5deg)}50%{transform:translate(-10px,10px) rotate(-5deg)}75%{transform:translate(15px,15px) rotate(3deg)}}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(8,145,178,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(8,145,178,.05) 1px,transparent 1px);background-size:50px 50px;z-index:1;pointer-events:none}.container{position:relative;z-index:10;min-height:95vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.content{text-align:center;max-width:800px;animation:fadeInUp 1s ease-out .3s backwards}h1{font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-blue),var(--primary-cyan),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px;text-transform:uppercase}.tagline{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--primary-cyan);margin-bottom:1.5rem;font-weight:400;letter-spacing:1px}.status-box{display:inline-block;background:#0891b214;border:2px solid var(--primary-cyan);padding:1.5rem 3rem;border-radius:0;clip-path:polygon(10px 0%,100% 0%,100% calc(100% - 10px),calc(100% - 10px) 100%,0% 100%,0% 10px);margin-bottom:3rem;animation:pulse 3s ease-in-out infinite;position:relative;overflow:hidden;box-shadow:0 4px 20px #0891b21a}.status-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(8,145,178,.15),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.status-text{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--primary-blue);position:relative;z-index:1}.status-indicator{display:inline-block;width:12px;height:12px;background:var(--primary-cyan);border-radius:50%;margin-right:10px;animation:blink 1.5s infinite;box-shadow:0 0 15px var(--primary-cyan)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.description{font-size:1.1rem;line-height:1.8;color:var(--text-gray);margin-bottom:3rem;font-weight:300}.contact-info{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s backwards}.contact-item{display:flex;align-items:center;gap:.8rem;font-size:1rem;color:var(--text-dark);transition:all .3s ease;padding:.8rem 1.5rem;border:1px solid rgba(8,145,178,.3);clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px);background:var(--bg-white);box-shadow:0 2px 10px #0891b214}.contact-item:hover{transform:translateY(-3px);border-color:var(--primary-cyan);background:#0891b20d;box-shadow:0 4px 20px #0891b226}.contact-icon{width:24px;height:24px;fill:var(--primary-cyan)}@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 pulse{0%,to{box-shadow:0 4px 20px #0891b21a}50%{box-shadow:0 8px 30px #0891b233}}.progress-container{width:100%;max-width:600px;height:4px;background:#0891b226;margin-top:4rem;position:relative;overflow:hidden;border-radius:2px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-cyan),var(--light-cyan));transition:width 3s ease-out;box-shadow:0 0 15px #0891b280;border-radius:2px}@media(max-width:768px){.logo{width:200px}.contact-info{flex-direction:column;gap:1rem}.status-box{padding:1rem 2rem}.geometric-shape{opacity:.05}}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-gray);font-size:.9rem;z-index:10;animation:fadeInUp 1s ease-out 1s backwards}.powered-by{font-size:.7rem;color:#b8b9ba}
