.space{position:relative;width:100vw;min-height:100vh;background:radial-gradient(ellipse at 70% 20%,#1a2a4a,#0a0f1e,#050810);overflow:hidden;font-family:Space Grotesk,sans-serif;color:#f0eee8}.moon{position:absolute;top:-80px;right:8%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e8dfc8,#c8b98a 40%,#8a7550);box-shadow:0 0 60px #dcc38240,0 0 120px #dcc3821f,inset -20px -20px 40px #0006;opacity:.85}.bg-star{position:absolute;border-radius:50%;background:#fff;animation:twinkle ease-in-out infinite}@keyframes twinkle{0%,to{opacity:var(--op, .4);transform:scale(1)}50%{opacity:calc(var(--op, .4) * .3);transform:scale(.6)}}.tbd-star{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;animation:twinkle 4s ease-in-out infinite}.tbd-label{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.1em;color:#fff3;white-space:nowrap;text-transform:uppercase}.project-star{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.star-core{width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--color));box-shadow:0 0 calc(var(--size) * .8) var(--glow),0 0 calc(var(--size) * 2) var(--glow),0 0 calc(var(--size) * 4) rgba(from var(--color) r g b / .2);animation:pulse 3s ease-in-out infinite;transition:transform .2s ease;z-index:2}.star-ring{position:absolute;width:calc(var(--size) * 2.5);height:calc(var(--size) * 2.5);border-radius:50%;border:1px solid rgba(from var(--color) r g b / .25);animation:pulse-ring 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 calc(var(--size) * .8) var(--glow),0 0 calc(var(--size) * 2) var(--glow)}50%{transform:scale(1.15);box-shadow:0 0 calc(var(--size) * 1.2) var(--glow),0 0 calc(var(--size) * 3) var(--glow)}}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.2);opacity:.1}}.project-star--active{cursor:pointer}.project-star--active:hover .star-core{transform:scale(1.4)}.project-star--active:hover .star-label{opacity:1;transform:translate(-50%) translateY(0)}.monkey{position:absolute;font-size:2.8rem;top:44%;left:58%;animation:float-monkey 14s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 0 8px rgba(255,255,255,.15));z-index:5;-webkit-user-select:none;user-select:none}@keyframes float-monkey{0%{transform:translate(0) rotate(-4deg)}20%{transform:translate(18px,-14px) rotate(2deg)}40%{transform:translate(-10px,-22px) rotate(-2deg)}60%{transform:translate(22px,-8px) rotate(5deg)}80%{transform:translate(-6px,10px) rotate(-3deg)}to{transform:translate(0) rotate(-4deg)}}.space-header{position:absolute;bottom:48px;left:48px;z-index:10}.space-header h1{font-size:2.4rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:#f0eee8e6;text-shadow:0 0 40px rgba(255,255,255,.1)}.space-tagline{margin-top:8px;font-size:.85rem;color:#f0eee866}.space-footer{position:absolute;bottom:20px;right:48px;font-size:.72rem;color:#f0eee833}@media (max-width: 600px){.space-header{bottom:32px;left:24px}.space-header h1{font-size:1.6rem}.moon{width:180px;height:180px;top:-50px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f5f3;--surface: #ffffff;--surface-tbd: #efefed;--border: #e2e2de;--text-primary: #1a1a1a;--text-secondary: #6b6b6b;--text-tbd: #b0b0aa;--radius: 14px;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);--shadow-hover: 0 6px 16px rgba(0,0,0,.1), 0 16px 40px rgba(0,0,0,.07);--blue: #3B82F6;--green: #10B981;--amber: #F59E0B;--purple: #8B5CF6}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text-primary)}