@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-light: #818cf8;--secondary: #a855f7;--bg-dark: #0a0a0f;--bg-card: rgba(255, 255, 255, .03);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--border: rgba(255, 255, 255, .08)}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary)}.container{height:100%;display:flex;align-items:center;justify-content:center;position:relative;padding:1rem;overflow:hidden}.bg-gradient{position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(99,102,241,.05) 0%,transparent 70%);pointer-events:none}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.floating-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite;pointer-events:none}.orb-1{width:300px;height:300px;background:var(--primary);top:-80px;left:-80px;animation-delay:0s}.orb-2{width:250px;height:250px;background:var(--secondary);bottom:-50px;right:-50px;animation-delay:-7s}.orb-3{width:150px;height:150px;background:linear-gradient(135deg,var(--primary),var(--secondary));top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.03)}50%{transform:translate(-15px,15px) scale(.97)}75%{transform:translate(15px,20px) scale(1.01)}}.content{position:relative;z-index:10;text-align:center;max-width:500px;width:100%;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.logo-icon{width:48px;height:48px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.logo-text{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.construction-icon{position:relative;height:70px;margin-bottom:1.25rem}.gear{position:absolute;font-size:2.25rem;animation:spin 4s linear infinite}.gear-1{left:calc(50% - 50px);top:5px}.gear-2{left:calc(50% + 10px);top:20px;font-size:2rem;animation-direction:reverse;animation-duration:3s}.wrench{position:absolute;left:calc(50% - 12px);top:35px;font-size:1.5rem;animation:wiggle 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.message{margin-bottom:1.5rem}.message h2{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:280px;display:inline-block}.message p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.progress-container{margin-bottom:1.5rem}.progress-bar{height:6px;background:var(--bg-card);border-radius:100px;overflow:hidden;border:1px solid var(--border);margin-bottom:.5rem}.progress-fill{height:100%;width:65%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:100px;animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.progress-text{font-size:.8rem;color:var(--text-secondary)}.features{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.feature-card{display:flex;align-items:center;gap:.4rem;padding:.5rem .875rem;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.feature-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.feature-icon{font-size:1rem}.feature-text{font-size:.8rem;color:var(--text-secondary)}.footer{padding-top:1rem;border-top:1px solid var(--border)}.footer p{font-size:.75rem;color:var(--text-secondary);opacity:.6}@media(max-width:375px){.container{padding:.75rem}.logo{gap:.5rem;margin-bottom:1rem}.logo-icon{width:36px;height:36px}.logo-text{font-size:1.5rem}.construction-icon{height:55px;margin-bottom:1rem}.gear{font-size:1.75rem}.gear-1{left:calc(50% - 40px)}.gear-2{font-size:1.5rem}.wrench{font-size:1.25rem;top:28px}.message h2{font-size:1.2rem;min-width:220px}.message p{font-size:.85rem;line-height:1.6}.features{gap:.375rem}.feature-card{padding:.4rem .65rem}.feature-icon{font-size:.875rem}.feature-text{font-size:.7rem}.footer p{font-size:.65rem}}@media(min-width:376px)and (max-width:480px){.logo-icon{width:40px;height:40px}.logo-text{font-size:1.75rem}.construction-icon{height:60px}.message h2{font-size:1.3rem;min-width:240px}.message p{font-size:.9rem}}@media(min-width:481px)and (max-width:640px){.logo-text{font-size:1.875rem}.message h2{font-size:1.4rem}}@media(max-height:500px)and (orientation:landscape){.container{padding:.5rem 1rem}.logo{margin-bottom:.75rem}.logo-icon{width:32px;height:32px}.logo-text{font-size:1.25rem}.construction-icon{height:45px;margin-bottom:.5rem}.gear{font-size:1.5rem}.gear-1{left:calc(50% - 35px);top:0}.gear-2{font-size:1.25rem;top:10px}.wrench{font-size:1rem;top:22px}.message{margin-bottom:.75rem}.message h2{font-size:1.1rem;margin-bottom:.4rem;min-width:200px}.message p{font-size:.8rem;line-height:1.5}.message p br{display:none}.progress-container{margin-bottom:.75rem}.progress-bar{height:4px}.progress-text{font-size:.7rem}.features{margin-bottom:.75rem}.feature-card{padding:.35rem .6rem}.feature-icon{font-size:.875rem}.feature-text{font-size:.7rem}.footer{padding-top:.5rem}.footer p{font-size:.6rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}