*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0a0a0a;--color-surface:#111;--color-border:#1a1a1a;--color-text-primary:#fff;--color-text-secondary:#888;--color-text-muted:#555;--color-accent:#2563eb;--color-accent-glow:#2563eb40;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden}#root,.app{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--color-border);z-index:10;align-items:center;gap:.75rem;padding:1.5rem 2.5rem;display:flex;position:relative}.header-logo{background:var(--color-accent);color:#fff;letter-spacing:-.02em;width:40px;height:40px;box-shadow:0 2px 12px var(--color-accent-glow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.header-brand{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-primary);font-size:1.15rem;font-weight:700}.header-brand span{color:var(--color-accent)}.main{flex-direction:column;flex:1;justify-content:center;padding:4rem 2.5rem 6rem;display:flex;position:relative}.main:before{content:"";background-image:radial-gradient(circle at 20% 50%, var(--color-accent-glow), transparent 50%), radial-gradient(circle at 80% 20%, #2563eb14, transparent 40%);pointer-events:none;z-index:0;position:absolute;inset:0}.main-content{z-index:1;max-width:800px;position:relative}.badge{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);background:#2563eb0f;border:1px solid #2563eb4d;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:3rem;padding:.45rem 1rem;font-size:.7rem;font-weight:600;animation:3s ease-in-out infinite badge-pulse;display:inline-flex}.badge-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dot-blink}@keyframes badge-pulse{0%,to{border-color:#2563eb4d}50%{border-color:#2563eb99}}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.3}}.hero-line-1{letter-spacing:-.03em;color:var(--color-text-primary);text-transform:uppercase;margin-bottom:0;font-size:clamp(3.5rem,10vw,7.5rem);font-weight:900;line-height:.95;animation:.8s cubic-bezier(.16,1,.3,1) both slide-up}.hero-divider{background:var(--color-accent);width:min(100%,500px);height:4px;box-shadow:0 0 20px var(--color-accent-glow);border:none;border-radius:2px;margin:1rem 0;animation:1s cubic-bezier(.16,1,.3,1) .3s both divider-grow}.hero-line-2{letter-spacing:-.03em;text-transform:uppercase;color:#0000;-webkit-text-stroke:2px var(--color-text-muted);margin-bottom:2.5rem;font-size:clamp(3.5rem,10vw,7.5rem);font-weight:900;line-height:.95;animation:.8s cubic-bezier(.16,1,.3,1) .2s both slide-up}.description{color:var(--color-text-secondary);max-width:420px;font-size:.95rem;line-height:1.7;animation:1s .6s both fade-in}.description strong{color:var(--color-text-primary);font-weight:600}.footer{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.25rem 2.5rem;display:flex}.footer-left{flex-direction:column;gap:.2rem;display:flex}.footer-brand{color:var(--color-text-primary);font-size:1rem;font-weight:700}.footer-brand span{color:var(--color-accent)}.footer-info{color:var(--color-text-secondary);font-size:.78rem}.footer-right{align-items:center;gap:2rem;display:flex}.footer-copyright{color:var(--color-text-muted);font-size:.78rem}.progress-indicator{align-items:center;gap:.75rem;display:flex}.progress-bar{align-items:center;gap:4px;display:flex}.progress-segment{background:var(--color-text-muted);opacity:.4;border-radius:2px;width:20px;height:3px}.progress-segment.active{background:var(--color-accent);opacity:1;animation:2s ease-in-out infinite segment-pulse}.progress-segment:nth-child(2).active{animation-delay:.3s}.progress-segment:nth-child(3).active{animation-delay:.6s}.progress-label{color:var(--color-text-muted);text-transform:capitalize;letter-spacing:.02em;font-size:.72rem}@keyframes segment-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes divider-grow{0%{opacity:0;width:0}to{opacity:1;width:min(100%,500px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=640px){.header{padding:1.25rem 1.5rem}.main{padding:3rem 1.5rem 4rem}.hero-line-2{-webkit-text-stroke:1.5px var(--color-text-muted)}.footer{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem}.footer-right{justify-content:space-between;width:100%}}