/* mujun.xyz */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #0a0a1a; color: #d4d4d8; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.7; }
.hero { min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; padding: 3rem 2rem; background: linear-gradient(180deg, #0a0a1a, #1a0a2e); overflow: hidden; }
.glow-orb { position: absolute; border-radius: 50%; pointer-events: none; }
.orb-1 { width: 200px; height: 200px; background: radial-gradient(circle, rgba(192,132,252,0.15), transparent); top: 20%; left: 15%; }
.orb-2 { width: 150px; height: 150px; background: radial-gradient(circle, rgba(103,232,249,0.1), transparent); bottom: 25%; right: 20%; }
.hero-content { text-align: center; position: relative; z-index: 1; }
.exp-label { font-family: 'Fira Code', monospace; font-size: 0.6rem; color: #c084fc; display: block; margin-bottom: 1rem; letter-spacing: 0.15em; }
.brand { font-family: 'Sora', sans-serif; font-weight: 500; font-size: clamp(2.5rem, 6vw, 4rem); margin-bottom: 0.5rem; }
.tagline { font-size: 0.85rem; color: #67e8f9; }
.paradox-space { max-width: 520px; margin: 0 auto; padding: 4rem 2rem; }
.paradox-block { padding: 2rem; margin-bottom: 2rem; }
.upward-shadow { box-shadow: 0 -8px 20px rgba(192,132,252,0.2); }
.paradox-title { font-family: 'Sora', sans-serif; font-weight: 500; font-size: 1.3rem; margin-bottom: 0.5rem; }
.small-title { font-size: 0.9rem; }
.paradox-text { font-size: 0.8rem; color: #888; }
.bidi-line { height: 1px; background: linear-gradient(90deg, transparent, #c084fc, transparent); margin: 2rem 0; }
.shrink-block { transform: scale(0.9); transform-origin: center; }
.mirror-section { max-width: 520px; margin: 0 auto; padding: 3rem 2rem; text-align: center; }
.mirror-text { font-family: 'Sora', sans-serif; font-weight: 500; font-size: 2rem; }
.mirror-line { height: 1px; background: rgba(192,132,252,0.3); margin: 1.5rem 0; }
.mirror-reflection { transform: scaleY(-1); opacity: 0.3; filter: blur(2px); }
.void { min-height: 60vh; display: flex; align-items: center; justify-content: center; background: #050510; }
.void-mark { font-family: 'Sora', sans-serif; font-size: 2rem; color: rgba(192,132,252,0.15); }
.exit { text-align: center; padding: 4rem 2rem; background: linear-gradient(180deg, #050510, #0a0a1a); }
.exit-text { font-family: 'Sora', sans-serif; font-size: 0.9rem; color: #c084fc; margin-bottom: 0.5rem; }
.footer-brand { font-family: 'Sora', sans-serif; font-weight: 500; font-size: 0.65rem; color: #1a0a2e; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }