:root{--bg-dark: #11111a;--bg-darker: #1c1c28;--accent-primary: #8c7aff;--accent-secondary: #4fc3f7;--glow-effect: 0 0 16px rgba(140, 122, 255, .5), 0 0 32px rgba(79, 195, 247, .3);--text-primary: #e0e0e8;--text-muted: #9a9aa8;--font-sans: ui-sans-serif, system-ui, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-dark);font-family:var(--font-sans);color:var(--text-primary)}.construction-root{position:relative;min-height:100vh;overflow:hidden}.bg-gradient{position:absolute;inset:0;background:radial-gradient(1200px 600px at 20% 20%,rgba(140,122,255,.15),transparent 60%),radial-gradient(1000px 600px at 80% 70%,rgba(79,195,247,.15),transparent 60%),linear-gradient(135deg,var(--bg-dark),var(--bg-darker));animation:hue-rotate 15s infinite linear}@keyframes hue-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}.particles{position:absolute;inset:0;pointer-events:none;z-index:1}.particle{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,var(--accent-primary),var(--accent-secondary));transform:translate(-50%,-50%);pointer-events:none;transition:left .1s ease-out,top .1s ease-out}.content{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:64px 24px 96px;text-align:center}.badge{display:inline-block;padding:6px 14px;border-radius:999px;background:#8c7aff1f;color:var(--accent-primary);font-size:14px;letter-spacing:.2px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.title{margin:24px 0 12px;font-size:clamp(28px,6vw,64px);font-weight:800;line-height:1.05;text-shadow:0 2px 12px rgba(140,122,255,.3),0 2px 18px rgba(79,195,247,.25)}.typewriter{display:inline-block;white-space:nowrap;overflow:hidden;border-right:2px solid rgba(224,224,232,.55);width:0;animation:typing 2.8s steps(28,end) forwards .3s}.cursor{margin-left:6px;animation:blink 1s infinite steps(1,end);opacity:.8}@keyframes typing{to{width:22ch}}@keyframes blink{50%{opacity:0}}.subtitle{color:var(--text-muted);font-size:clamp(14px,2.4vw,18px);max-width:760px;margin:0 auto 32px}.progress{position:relative;height:12px;border-radius:999px;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 12px #8c7aff33,0 0 24px #4fc3f726;margin:24px auto 48px;max-width:500px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:999px;transition:width .3s ease-in-out;box-shadow:var(--glow-effect)}.tools{display:flex;justify-content:center;gap:24px;margin-bottom:48px}.tool svg{width:48px;height:48px;color:var(--accent-primary)}.marquee{overflow:hidden;white-space:nowrap;margin-top:24px;color:var(--text-muted)}.track{display:inline-block;animation:marquee 12s linear infinite}.track span{margin-right:48px}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.footer{position:relative;z-index:2;text-align:center;padding:24px;font-size:14px;color:var(--text-muted)}.footer .dot{margin:0 6px}.footer a{color:var(--accent-primary);text-decoration:none}.footer a:hover{text-decoration:underline}