*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0C0C0C;--white: #FFFFFF;--dim: #666666;--green: #32D583;--indigo: #6366F1;--coral: #E85A4F;--yellow: #FFB547;--surface: #1A1A1A;--mono: "Space Mono", monospace;--sans: "Inter", sans-serif}html,body{height:100%;background:var(--bg);color:var(--white);font-family:var(--mono);overflow:hidden;-webkit-font-smoothing:antialiased}.screen{position:fixed;inset:0;display:flex;flex-direction:column}.screen[hidden]{display:none}.green{color:var(--green)}.indigo{color:var(--indigo)}.coral{color:var(--coral)}.yellow{color:var(--yellow)}.white{color:var(--white)}.dim{color:var(--dim)}.bold{font-weight:700}.landing-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.prompt{font-size:28px;font-weight:700;letter-spacing:-.5px}.prompt-symbol{color:var(--dim)}.prompt-text{color:var(--white)}.cursor{color:var(--white);animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hint{font-size:13px;color:var(--dim);border:1px solid #333;padding:6px 16px;letter-spacing:.5px}.terminal{flex:1;padding:60px 80px;display:flex;flex-direction:column;gap:6px;overflow:hidden}#terminal-output{display:flex;flex-direction:column;gap:6px}.term-line{font-size:13px;font-family:var(--mono);line-height:1.6;opacity:0}.term-line.cmd{font-size:14px;font-weight:700;color:var(--white)}.term-line .pkg{font-weight:700}.term-line .version{color:var(--dim)}.spacer-line{height:8px}#progress-section{display:flex;flex-direction:column;gap:8px;margin-top:12px}.progress-label{font-size:13px;color:var(--dim)}.progress-track{width:500px;height:6px;background:var(--surface);overflow:hidden}.progress-fill{height:100%;width:0%;background:var(--green)}.progress-text{font-size:13px;font-family:var(--mono)}.complete-terminal{padding:40px 80px;display:flex;flex-direction:column;gap:4px;font-size:13px;font-family:var(--mono)}.complete-terminal p{opacity:0}.spacer-sm{height:8px}.divider{height:1px;background:var(--surface);width:100%;opacity:0}.revealed-site{flex:1;display:flex;flex-direction:column;gap:48px;padding:48px 80px;opacity:0;position:relative;overflow:hidden}.revealed-site:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 70% at 30% 80%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 30% 80%,black 0%,transparent 70%);pointer-events:none}.revealed-site:after{content:"";position:absolute;width:600px;height:600px;bottom:-100px;left:-100px;background:radial-gradient(circle,rgba(50,213,131,.06) 0%,transparent 70%);pointer-events:none}.site-header{display:flex;justify-content:space-between;align-items:center}.logo{font-size:16px;font-weight:700;font-family:var(--mono)}.site-nav{display:flex;gap:24px}.nav-link{font-size:13px;font-family:var(--mono);color:var(--dim);text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--white)}.nav-accent{color:var(--green)}.nav-accent:hover{color:var(--green);filter:brightness(1.2)}.site-main{flex:1;display:flex;justify-content:space-between;align-items:flex-end}.main-left{display:flex;flex-direction:column;gap:20px}.headline{font-family:var(--sans);font-size:56px;font-weight:800;line-height:1;letter-spacing:-2px;color:var(--white)}.subtitle{font-size:14px;font-family:var(--mono);color:var(--dim)}.main-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.status-badge{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.status-text{font-size:12px;font-family:var(--mono);color:var(--dim)}.cta-button{display:inline-block;background:var(--green);color:var(--bg);font-family:var(--mono);font-size:13px;font-weight:700;padding:12px 24px;text-decoration:none;transition:filter .2s,transform .2s}.cta-button:hover{filter:brightness(1.1);transform:translateY(-1px)}@media(max-width:768px){.prompt{font-size:18px}.terminal{padding:40px 24px}.complete-terminal{padding:24px}.progress-track{width:100%}.revealed-site{padding:32px 24px;gap:32px}.headline{font-size:36px}.site-main{flex-direction:column;align-items:flex-start;gap:40px}.main-right{align-items:flex-start}}