:root{--rosewater: #f5e0dc;--flamingo: #f2cdcd;--pink: #f5c2e7;--mauve: #cba6f7;--red: #f38ba8;--maroon: #eba0ac;--peach: #fab387;--yellow: #f9e2af;--green: #a6e3a1;--teal: #94e2d5;--sky: #89dceb;--sapphire: #74c7ec;--blue: #89b4fa;--lavender: #b4befe;--text: #cdd6f4;--subtext1: #bac2de;--subtext0: #a6adc8;--overlay2: #9399b2;--overlay1: #7f849c;--overlay0: #6c7086;--surface2: #585b70;--surface1: #45475a;--surface0: #313244;--base: #1e1e2e;--mantle: #181825;--crust: #11111b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,SF Pro Display,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,var(--crust) 0%,var(--mantle) 50%,var(--base) 100%);min-height:100vh;overflow-x:hidden;overflow-y:auto;color:var(--text)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--blue);color:var(--crust);padding:8px;border-radius:4px;text-decoration:none;font-weight:600;z-index:1000;transform:translateY(-100%);transition:transform .3s ease}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contact-heading{font-size:1.3rem;font-weight:600;color:var(--text);margin-bottom:1rem}strong{color:var(--blue);font-weight:700}em{color:var(--mauve);font-style:normal;font-weight:600}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;padding:2rem 1rem}.background-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(137,180,250,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(137,180,250,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;z-index:1}.content{text-align:center;z-index:10;position:relative;padding:3rem;background:#1e1e2ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(203,166,247,.3);box-shadow:0 25px 50px #11111b80,inset 0 1px #f5e0dc1a;max-width:800px;width:90%}.logo-section{margin-bottom:3rem}.infra-icon{display:flex;justify-content:center;align-items:flex-end;height:120px;position:relative}.server-rack{display:flex;flex-direction:column;gap:8px;margin-right:40px;animation:pulse 3s infinite ease-in-out}.server{width:60px;height:12px;background:linear-gradient(45deg,var(--blue),var(--sapphire));border-radius:4px;position:relative;box-shadow:0 2px 8px #89b4fa4d}.server:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--green);border-radius:50%;animation:blink 2s infinite}.network-nodes{position:relative;margin-right:40px}.node{width:16px;height:16px;background:linear-gradient(45deg,var(--mauve),var(--pink));border-radius:50%;position:absolute;box-shadow:0 0 20px #cba6f780}.node:nth-child(1){top:-20px;left:0;animation:nodeFloat 4s infinite ease-in-out}.node:nth-child(2){top:10px;left:30px;animation:nodeFloat 4s infinite ease-in-out 1s}.node:nth-child(3){top:-10px;left:60px;animation:nodeFloat 4s infinite ease-in-out 2s}.connection{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);border-radius:1px;animation:dataFlow 3s infinite ease-in-out}.connection:nth-child(4){width:35px;top:-12px;left:16px;transform:rotate(45deg)}.connection-2{width:35px;top:18px;left:46px;transform:rotate(-45deg);animation-delay:1.5s}.data-flow{position:relative}.data-packet{width:8px;height:8px;background:var(--teal);border-radius:2px;position:absolute;animation:packetMove 2s infinite linear;box-shadow:0 0 10px #94e2d5cc}.data-packet:nth-child(1){top:-15px;left:0;animation-delay:0s}.data-packet:nth-child(2){top:0;left:0;animation-delay:.7s}.data-packet:nth-child(3){top:15px;left:0;animation-delay:1.4s}.brand-section{margin-bottom:2rem}.main-title{margin-bottom:1rem}.brand-name{font-size:4rem;font-weight:900;background:linear-gradient(135deg,var(--blue),var(--mauve),var(--teal));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;animation:brandGlow 4s ease-in-out infinite;letter-spacing:-2px}.tagline{font-size:1.2rem;font-weight:500;color:var(--subtext1);margin-bottom:2rem;letter-spacing:.5px}.description{margin-bottom:3rem}.description>p{font-size:1.1rem;color:var(--text);line-height:1.6;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.feature{display:flex;align-items:center;gap:.8rem;background:#89b4fa1a;padding:1rem 1.5rem;border-radius:12px;border:1px solid rgba(137,180,250,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.feature:hover{transform:translateY(-5px);box-shadow:0 10px 30px #89b4fa33}.feature-icon{width:24px;height:24px;stroke-width:2;color:var(--blue)}.feature span{color:var(--text);font-weight:500;font-size:.9rem}.status-section{margin-bottom:3rem}.status-text{font-size:1.3rem;font-weight:600;color:var(--blue);margin-bottom:1.5rem;animation:statusPulse 3s infinite ease-in-out}.progress-container{display:flex;align-items:center;gap:1rem;justify-content:center;margin-bottom:1rem}.progress-bar{width:300px;height:8px;background:#89b4fa33;border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--mauve),var(--teal));border-radius:10px;animation:progressShine 3s infinite ease-in-out;position:relative;transition:width .5s ease-out}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(245,224,220,.4),transparent);animation:progressGlow 2s infinite linear}.progress-percentage{font-size:1.1rem;font-weight:700;color:var(--blue)}.contact{margin-top:2rem}.contact p{color:var(--subtext1);margin-bottom:1rem;font-size:1.1rem}.email-cta{display:inline-flex;align-items:center;gap:.5rem;color:var(--crust);text-decoration:none;font-weight:600;font-size:1.1rem;background:linear-gradient(135deg,var(--blue),var(--mauve));padding:1rem 2rem;border-radius:12px;transition:all .3s ease;border:1px solid rgba(245,224,220,.1);box-shadow:0 8px 32px #89b4fa4d}.email-cta:hover{transform:translateY(-3px);box-shadow:0 12px 40px #89b4fa66;background:linear-gradient(135deg,var(--sapphire),var(--pink))}.arrow-icon{width:20px;height:20px;stroke-width:2;transition:transform .3s ease}.email-cta:hover .arrow-icon{transform:translate(5px)}.tech-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.tech-particle{position:absolute;color:#89b4fa4d;font-size:1.2rem;animation:techFloat 8s infinite linear;animation-delay:var(--delay);left:var(--x);top:var(--y)}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes nodeFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}@keyframes dataFlow{0%,to{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}}@keyframes packetMove{0%{transform:translate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(100px);opacity:0}}@keyframes brandGlow{0%,to{filter:brightness(1) drop-shadow(0 0 20px rgba(137,180,250,.3))}50%{filter:brightness(1.2) drop-shadow(0 0 30px rgba(203,166,247,.5))}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes progressShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes progressGlow{0%{left:-100%}to{left:100%}}@keyframes techFloat{0%{transform:translateY(0) rotate(0);opacity:.3}25%{opacity:.6}50%{transform:translateY(-20px) rotate(180deg);opacity:.3}75%{opacity:.6}to{transform:translateY(0) rotate(360deg);opacity:.3}}@media (max-width: 768px){.container{min-height:auto;padding:1rem}.content{margin:1rem;padding:2rem;width:100%;max-width:100%}.brand-name{font-size:2.5rem}.tagline{font-size:1rem}.infra-icon{height:80px;margin-bottom:2rem}.server-rack{margin-right:20px}.server{width:40px;height:10px}.network-nodes{margin-right:20px}.features{flex-direction:column;gap:1rem}.feature{justify-content:center;padding:.8rem 1.2rem}.progress-bar{width:200px}.email-cta{padding:.8rem 1.5rem;font-size:1rem}}
